jquery - 在所有父 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

用于.map获取数组。

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

Answer 2

利用find()

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

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

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

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

});

Answer 3

.attr() 只返回第一个，但您可以这样做来获取值的数组

var classes = []

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

alert(classes);

Answer 4

尝试这个：

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

classes将是一个类名数组。