Jquery在DIV中获取子DIV

Question

我在正文中有以下HTML代码:

<div id="hidden">

</div>

<div id="mainContianer">
    <div id="firstChildDiv">

    </div>
</div>

我使用以下代码来获取孩子

$("div:first-child").attr('id') 

但是当我希望它返回firstChildDiv时,这会返回"隐藏",我尝试过像......

$("div[mainContainer ] div:first-child").attr('id') 
$("div[id=mainContainer ] :first-child").attr('id') 
$("#mainContainer :first-child").attr('id') 

我知道这是一件简单的事情,但似乎无法看出我哪里出错......

谢谢

Answer 1

你的最后选择器

$("#mainContainer :first-child").attr('id') 

如果您纠正HTML中的拼写错误(请参阅此小提琴),则可以正常工作.它说mainContianer而不是mainContainer.

但是,无论如何,为什么不简单地选择id,如果该元素有id？

$( '#firstChildDiv' )

Answer 2

$('#mainContainer > div:first-child').attr('id');