2012-11-26 105 views
0

敵人例子給出CSS和jQuery直子女選擇

 <div id="my_div"> 
     <div>aaa</div> 
     <div>sss 
      <div id="this_is_not_straight_for_my_div">not straight</div> 
     </div> 
     <div>ddd</div> 
    </div> 

my_div元素如何只能選擇直孩子的?請告知cssjquery

回答

6

#my_div > div將目標只有#my_div直接兒童(所以不是一個與長ID)

它使用的是沒有拿到direct child selectorIE 6 support

$('#my_div > div')jQuery equivalent

jQuery選擇器將在IE6上工作

+0

提及IE支持。 –

+1

IIRC它在IE> = 7上工作,並且IE6不再受官方支持。 – jrajav

+0

@Kiyura更新參考支持表之前,你評論:) – Andy

1

可以做這樣的:

$('#my_div > *') 
+0

而且,顯然,css選擇器位於jQuery選擇器的引用字符串內。 –