Question

<div id="maindiv">
    <DIV id="first">first div<DIV>
    <DIV id="second">second div</DIV>
    <input id="input" type="text"/>
    <button id="button" value="send"></button>
</div>

我想在使用jquery点击其中一个内部div时获取主div内div的id。怎么办呢？

Answer 1

$('#maindiv div').on('click', function(e) { // or '#maindiv > div' for proper children
    e.stopPropagation(); // or else this will bubble up through the DOM
    var my_id = $(this).attr('id');
    alert(my_id);
});

http://jsfiddle.net/Rn9Bu/

Answer 2

$('#main_div').children().click(function() {
    alert(this.id);
});

请注意，“children（）”可选择使用选择器，因此您可以指定哪些子项具有click事件，例如：以下内容将确保只有具有id的元素才能起作用：

$('#main_div').children('[id]').click(function() {
    alert(this.id);
});

Answer 3

var the_id;
$("#main_div > div").click( function() {
   the_id = $(this).attr("id);   
}

请注意，id不能包含空格。

在div中获取元素的id

3 个答案: