檢索與特定類別的所有兒童元素標籤從一個div元素

Question

我有以下DOM樹：

<div class="myclass"> 
    <td> 
      // lots of td and tr elementds... 
     </td> 
     <div> 
      // lots of td and tr and div elementds... 
      ..... 
      ..... 
      <span class="myspan"> 
       // lots of td and tr and div elementds... 
       ..... 
       ..... 
      </span>   
     </div> 
</div> 

我有幾個主要的div元素 - 帶class =「MyClass的」

我在div有follwing代碼：

$("div").each(function(i,e) { 
    if ($(e).hasClass("myclass")) { 

     // up to here i have all the div with myclass 
      ..... 
      ..... 
      //code should be added here 
    } 
    })  

如何檢索所有類myspan span元素 - 這是使用JQuery主要的div元素裏面？

我想更清楚： 我需要的是具有類= myspan和位於當前div元素下元素的列表，應在地方添加的代碼，我寫 因爲每個div元素則有一組不同的元素。

我希望我現在能讓自己清醒。 請大家幫忙， 感謝

Answer 1

這應該爲你做。

$("div.myclass span.myspan").each(function() { 
    console.log(this); 
}); 

編輯

一種替代的方法來做到這一點，在那裏被保持父上下文在下面的代碼被示出。此更新基於對此答案的評論。我已經留下了原始問題的原始答案（上圖），對於那些偶然發現這個答案的人可能會有所幫助。

$("div.myclass").each(function(i) { 
    console.log("spans within div index " + i); 
    $(this).find(".myspan").each(function() { 
     console.log(this); 
    }); 
}); 

http://jsfiddle.net/ryanbrill/Q4b4N

Answer 2

如果我得到你的權利，那麼你需要jquery find功能 像這樣的代碼：

var spans = $("div.myclass").find('span.myspan');//cache the span 
spans.each(function(i,e) {//do what you need 
    $(this).addClass('test');//just a sample action 
}); 

同樣可以與1號線實現，這樣

$("div.myclass").find('span.myspan').addClass('test'); 

但它取決於你想要達到的目標。 這裏是一個小提琴

Answer 3

試試這個：

$(document).ready(function() { 
    $("div.myclass").find(".myspan"); 
}); 

如果你只有一個div元素，或者如果你想在同一集合中的所有span.myspan元素（甚至可以跨多個div.myclass元素），你不需要.each。

UPDATE

雖然$("div.myclass .myspan")是有效的，$("div.myclass").find(".myspan") 實際上是顯著更快！

看到這個performance comparison，這表明.find比簡單地將類添加到選擇器快93％！

Answer 4

你精讀縮短你的代碼如下

var myspan = $("div.myclass span.myspan ");