jQuery 获取动态 id 链接的 id

Question

我是 jquery 新手，已经浏览了一整天，但无法解决一个非常简单的想法:)

测试代码如下:

js:

$(document).ready(function(){
    $('#transgenic_div').click(function(){
        var selected_transgenic_id = $(this).attr("id");
        alert(selected_transgenic_id);          
    });

});

html:

<div id="transgenic_div">
<p><a class="transgenic_button" id="56">item number 56</a></p>
<p><a class="transgenic_button" id="57">item number 57</a></p> etc
</div>

这只是给出警报“tansgenic_div”我正在尝试将选定的 id 传递给另一个函数 - 但现在只是使用警报进行测试...

Answer 1

尝试从 target/source element 获取 ID点击事件:

$('#transgenic_div').click(function(e){
    var selected_transgenic_id = $(e.target).attr("id"); // or e.target.id
    alert(selected_transgenic_id);          
});

此外，IDs should not start with numbers in HTML4 ，我建议应用一个前缀。

如果您只想使用此技术匹配 anchor ，您可以这样做:

$('#transgenic_div').click(function(e){
    var t = e.target;
    if(t.tagName.toLowerCase() === "a") {
        var selected_transgenic_id = $(t).attr("id"); // or t.id
        alert(selected_transgenic_id);   
    }       
});