我无法使用jquery获取span的id

Question

您好我如何使用jquery获取我的span的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>

编辑我将click事件更改为类'oncho',以便当我单击图标时我可以获得span id.

编辑:我尝试使用find()但仍然无法得到它未定义的ID

Answer 1

你错过了完成报价id:

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

UPDATE

使用next如span不是的后代.oncho:

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

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