Question

我正在尝试获取附加列表元素的ID。在尝试了几个小时并从jquery get the id/value of LI after click function和How to get the id of html list item using jquery?读取多个来源后，我仍然无法弄清楚代码中的错误。

上述来源和我想要实现的目标之间的唯一区别是他们已经在html中存在列表元素，因为我通过jquery函数附加列表。

这是我的代码。

HTML

<button id="display">Display</button>
<div class="main">
    <ul>
    </ul>
</div>
<p id="show"> </p>

Jquery 2.1.0

var i = 1;
$('#display').click(function() { 
   $(".main ul").append(
       $('<li>').attr("id",i).append(
           $('<p>').append("Stackoverflow")
           ));
    i++;
});


$('.main ul li').click(function () { 
    $('#show').text("List ID =" + this.id);       
});

jsfiddle

感谢您的时间。

Answer 1

尝试更改

来自

$('.main ul li').click(function () {

到

$('.main').on('click', 'ul li', function () {

<强> FIDDLE

使用jquery查找附加（通过函数）html list元素的id

1 个答案: