Question

我有这个链接：

<a id = "link_1" href = "#">Cars</a>
<a id = "link_2" href = "#">Colors</a>
<a id = "link_3" href = "#">Users</a>
<a id = "link_4" href = "#">News</a>

如何获取我点击的ID号码？例如，我推动链接汽车，我希望获得1，推送用户，获得3号。

由于

Answer 1

这样做：

$('a').click(function(){
  alert(this.id.split("_")[1]);
});

Answer 2

$("a").click(function(event) {
    event.preventDefault();
    var theid = $(this).attr("id").split("_");
    theid = theid[1]; //here is the number
}

Answer 3

$(function() {
  $('a').click(function() {
     var id = $(this).attr('id');
     alert(id.match(/\d+/)[0];
  });
});

Answer 4

将一个类应用于所有类，以便于操作。

这的工作原理如下：

<a id="link_1" class="get_id" href="#">Cars</a>
<a id="link_2" class="get_id" href="#">Colors</a>
<a id="link_3" class="get_id" href="#">Users</a>
<a id="link_4" class="get_id" href="#">News</a>

<script type="text/javascript">

    jQuery(document).ready(function() {
        $('.get_id').click(function () {
            if ($(this).attr('id').match('^link_([0-9]+)$'))
            {
                id_num = RegExp.$1;
                alert(id_num);
            }

        });

    });

</script>

Answer 5

besser使用html数据属性：data-id =“1”;

$(document).ready(function() {
  $('#links').find('a').each(function() {
    $(this).click(function() { alert($(this).attr('data-id')); return false; })
  })
})

完整代码：http://jsbin.com/eyona4/

Answer 6

$("a").click(function () {
    var theIdNum = parseInt(this.id.replace(/\D/g, ''), 10);
});

老实说，我不知道这是否会奏效。

jquery，获取标签ID号

6 个答案: