選擇所有父母div標籤中的所有兒童div標籤

Question

我想選擇所有父母中的所有兒童類別attribute(tbox,tarea,cts,tox)。

這是我的代碼：

<div class='cts'> 

var s = $('div.cts').children().attr('class'); 
alert(s); 

但只顯示第一個父第一個子類屬性：

<fieldset id="tt"> 
    <div class="cts"> 
     <div class="tbox"> 
      <input type="text" /> 
     </div> 
    </div> 
    <div class="cts"> 
     <div class="tarea"> 
      <input type="hidden"> 
     </div> 
    </div> 
    <div class="cts"> 
     <div class="tss"> 
      <input type="password"> 
     </div> 
    </div> 
    <div class="cts"> 
     <div class="tox"> 
      <input type="text"> 
     </div> 
    </div> 
</fieldset> 

Answer 1

使用find()

$('.cts'.find('*').each(function(){ 

    var attr = $(this).attr('class'); 

    if (typeof attr !== 'undefined' && attr !== false) { 

     alert($(this).attr('myattr')); 
    } 

}); 

Answer 2

使用.map獲取數組。

var s = $('div.cts').children().map(function() { 
    return $(this).attr('class'); 
}); 

Answer 3

試試這個：

var classes = ('div.cts *').map(function() { 
    return $(this).attr('class'); 
}); 

classes將類名稱的數組。

Answer 4

.attr（）只返回第一個，但你可以做到這一點，以獲得值

var classes = [] 

$('div.cts').children().each(function(){ 
    classes.push(attr('class')); 
}); 

alert(classes);