2009-12-03 54 views
37

我想編寫代碼來搜索所有的孩子有一個特定的類的div。 DIV沒有ID。這裏是我將要使用的HTML。jQuery - 找到一個特定的類的孩子

<div class="outerBUBGDiv"> 
<div class="innerBUBGDiv"> 
<div class="bgHeaderH2">Technology Group</div> 
<div class="bgBodyDiv"> 
<div align="center"> 
<img height="33" border="0" width="180" src="/heading.jpg"/> 
    /////other stuff here///// 
</div> 
</div> 
</div> 

任何想法,我怎麼能得到div中的文本與類bgHeaderH2。

在此先感謝。

評論補充說,沒有解釋這很好最初)

+0

對不起,我沒有正確解釋這一點。我的$(this)是上面所有孩子的父親,一個外部的div。我需要找到哪些孩子有一類bgHeaderH2。所以我需要做$(this).something – Caroline 2009-12-03 12:09:10

+0

看到我下面修改的答案... – Ryan 2009-12-03 12:34:00

回答

26

基於您的評論,moddify這樣:

$('.bgHeaderH2').html(); // will return whatever is inside the DIV 

到:

$('.bgHeaderH2', $(this)).html(); // will return whatever is inside the DIV 

更多選擇:http://docs.jquery.com/Selectors

+4

10你應該總是使用類選擇器'div.bgHeaderH2 '或者會有性能損失見http://www.componenthouse.com/article-19 – 2009-12-03 12:58:01

+0

@Dave:很棒的提示!沒有事件認爲,因爲我正在寫這個:) – 2009-12-03 13:11:53

+2

這個答案是真的「找到具有特定類的頁面中的任何元素。」 瑞恩的答案更適合尋找某個特定類別的孩子的問題。 – Ryan 2013-07-16 16:56:55

58
$(this).find(".bgHeaderH2").html(); 

$(this).find(".bgHeaderH2").text(); 
+0

感謝您的更新瑞安,這與1月的其他建議一樣工作 – Caroline 2009-12-03 12:38:04

2

我不知道我是否正確地理解你的問題,但如果這個div是一些其他分區的孩子,應該沒有問題。您可以簡單地通過使用以下代碼從類bgHeaderH2的所有div中獲取文本:

$(".bgHeaderH2").text(); 
相關問題