Question

我有一个动态的项目列表，我想在每次点击特定项目时显示详细信息。

HTML

<a id="item1" class="list-item"/>
<a id="item2" class="list-item"/>

JS

$('#list-item').click(function () {
       //how do I obtain the id of the specific item?
});

所以问题是如何获取列表项的ID，是否需要在项目的html代码中声明onclick行为？

Answer 1

$('.list-item').click(function () {
   aler($(this).prop('id'));
});

Answer 2

你需要做两件事

使用类选择器选择list-item是一个非id
this将引用点击的anchor元素，以便您可以获取其id属性以获取ID

//use class selector

$('.list-item').click(function() {
  //Here this refers to the clicked element so
  alert(this.id)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a id="item1" class="list-item">1<a/>
<a id="item2" class="list-item">2</a>

Answer 3

$('.list-item').click(function () {
    var id = $(this).attr('id');
    // Do things with the ID here.
});

如Arun所述，在您的示例中，list-item是一个类，而不是一个id。因此，您必须使用.list-item作为选择器，而不是#list-item。

Answer 4

list-item是一个类，而不是Id所以使用类选择器：

$('li.list-item').click (finction (){
  $(this).attr ('id');//gets the I'd
});

如何获取动态列表项的id

4 个答案: