Question

你可以告诉我如何在弹出选项点击时获得行的Id吗？当“添加”按钮按下时我动态生成了行。在行中有一个图标“：”，点击图标显示弹出屏幕当我点击“编辑”或其他选项时，我想显示它打开的行的ID。我能够获得编辑事件。但是无法获得ID。 http://jsfiddle.net/4ajeB/5/

function createTestCase(testCaseName, iscreatedFromScript, jsonObject) {
    var id;
    if (typeof ($("#testCaseContainer li:last").attr('id')) == 'undefined') {
        id = "tc_1";
        var index = id.indexOf("_");
        var count = id.substring(index + 1, id.length);
        count = parseInt(count);
        var conunter = count;
    } else {
        id = $("#testCaseContainer li:last").attr('id');
        var index = id.indexOf("_");
        var count = id.substring(index + 1, id.length);
        count = parseInt(count);
        var conunter = count;
        id = id.substring(0, index) + "_" + parseInt(count + 1);
    }
    var html = '<div class="testcaselist_row">' + '<ul>' + '<li id="' + id + '" class="clickTestCaseRow"><a href="#" style="color: #ffffff!important;">' + id + '<i class="icon1 test_h"></i></a></li>' + '</ul></div>';
    $('#testCaseContainer').append(html).enhanceWithin();
}

$('.edit_h').click(function(){

 alert("edit"+$(this).id)   

})

我使用全局变量获取ID。可以在不使用变量的情况下获取ID吗？

Answer 1

只需将ID添加到.edit_h作为数据，然后在click事件中访问它。

    ...
    $('.edit_h').data('originalId', id);
    $('#testCaseContainer').append(html).enhanceWithin();
}

$('.edit_h').click(function(){
    alert("edit ID:"+$(this).data('originalId'));
})

更新了小提琴：http://jsfiddle.net/4ajeB/6/

如何在弹出选项单击时获取行的Id（使用全局变量获取Id）？

1 个答案: