Выбрать все дочерние теги 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);