在div中获取元素的id

 
first div
 
second 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

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

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

Answer 3

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

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

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