2011-03-15 118 views
4

有沒有簡單的方法來選擇jQuery的div(或任何其他元素)中的所有元素?
本週我一直在尋找小時,我會繼續把我的頭撞在我的鍵盤上。jquery - 選擇器 - 選擇div中的每個元素

<div class="Someclass"> 
    <img src="" title="" /> 
    <ul> 
     <li></li> 
     <li><a href="" alt="" /></li> 
    </ul> 
</div> 

我想要一個簡單的方法來選擇.Someclass中的所有元素,而無需調用每個元素。

+0

什麼叫 「選擇的所有元素」 是什麼意思?像'$('。Someclass')。html()'或'$('。Someclass')。find('img')'? – 2011-03-15 02:09:10

回答

12

更容易jQuery的選擇將是$("#divID *")。正如你在CSS知道a b意味着所有b這是aa > b後裔意味着所有b這是直接孩子的a所以#myDiv *意味着一切,這是與id="myDiv"一個<div>後裔

+0

啊不錯,更優雅。 +1 – Loktar 2011-03-15 02:11:08

+1

如果我想在選擇中包含div,那麼最好的方法是$(#divID,#divID *)? – Jon 2011-03-15 02:40:33

+0

我想,沒有什麼比我更容易的了。 – AbiusX 2011-03-15 14:01:36

4

http://api.jquery.com/children/

$('div.someclass').children(); 
+0

爲什麼這個-1? – Loktar 2011-03-15 02:12:20

+0

「是否有簡單的方法來選擇div中的所有元素?」 「我想要一個簡單的方法來選擇.Somclass中的所有元素......」 - 爲什麼-1? – 2011-03-15 02:24:06

+0

謝謝你們!我停止將我的頭撞在鍵盤上。 – Jon 2011-03-15 02:30:29

1

要獲得所有的孩子和後代:

$('.SomeClass *') 

要獲得唯一的直接孩子:

$('.SomeClass > *') 
0

,或者如果你想要的一切,不只是直接孩子。 $('.someclass *')

1

如果你想內.Someclass絕對的每一個元素,使用:

var allElements = $(".Someclass *"); 
1

此作品在Chrome中:

$(".Someclass *").addClass("testing");