我无法使用 jquery 获取跨度的 id

Question

您好，如何使用 jquery 获取跨度的 ID。我尝试了一些尝试，但没有成功，没有登录控制台。

$(function () {

    for (var id = 0; i < data.length; i++) {
        var dynamicli = '<li class="">' +
            '<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' +
            '<span class="myspan" id="' + data[i].id + '></span></li>';
        $('#myullist').append(dynamicli);
    }

    $('#myullist').on('click', '.oncho', function () {
        var id = $(this).find('span').attr('id');
        console.log(id);
    });
});

//index.html

 <div class="wrapper-n">

    <ul id="myullist"></ul>
</div>

编辑我将点击事件更改为“oncho”类，这样当我点击图标时，我可以获得跨度 ID。

编辑：我尝试使用 find() 但我仍然无法获得未定义的 id

Answer 1

你错过了id的完成报价：

'<span class="myspan" id="'+data[i].id+'"></span></li>';
//                                      ^

更新

使用next 因为span 不是.oncho 的后代：

$('#myullist').on('click', '.oncho', function () {

    var id = $(this).next('span').attr('id');
    //               ^^^^^
    console.log(id);
});