Question

我的HTML中有这种类型的链接：

Librairy：

<script type="text/javascript" src="../../resources/js/jquery/jquery-1.12.3.min.js"></script>

HTML：

<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a>
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a>
...

我想在点击时获取此链接的ID，这是我的jQuery：

$(function() {
$('.bulletinLink').on('click',function(event){
    var id = $(this).attr('id');
    alert(id);
})
});

当我点击链接时，它没有触发jQuery函数，我缺少什么？

Answer 1

您可以使用以下简化版本，使用this.id检索DOM的属性id，而无需重新查询。

PS：确保你have included jQuery in your page。例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

$(function() {
  $('.bulletinLink').on('click', function(event) {
    alert(this.id);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a><br>
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a>

Answer 2

使用以下代码正常工作

$(function() {
  $('.bulletinLink').on('click', function(event) {
    alert($(this).attr("id"));
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a><br>
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a>

Answer 3

你需要添加jQuery库...

使用这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

JQuery获取点击链接的ID

3 个答案: