选择所有父div标签中的所有子div标签

时间:2013-08-28 09:32:19

标签: jquery html

我想在所有父母中选择所有子类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>

4 个答案:

答案 0 :(得分:2)

使用.map获取数组。

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

答案 1 :(得分:1)

使用find()

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

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

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

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

});

答案 2 :(得分:0)

试试这个:

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

classes将是一个类名数组。

答案 3 :(得分:0)

.attr()只返回第一个,但你可以这样做以获得值的数组

var classes = []

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

alert(classes);