提问者:小点点

选择特定类的子女


我有这个:

<div class="row">
    <div class="col-md-4">
    </div>
    <div class="col-md-6">
    </div>
    <div class="col-md-8">
    </div>
    <div class="col-md-12">
    </div>
    <div class="A">
    </div>
    <div class="B">
    </div>
</div>

我想选择类为col-md-4,6,8,12的排班的孩子。有没有什么好办法一次全选?

可以有多个行DIV,我将使用wrapAll将每个行DIV的子级包装到其他DIV中。所以如果我使用wrapAll,它只是将其他行div的所有内容转移到第一个行div。如果我将选择器查询放在循环内部,它只是继续包装子项乘以行divs的数量。我不想让这种事发生。

你们听懂了吗?


共2个答案

匿名用户

如果您有其他带有col-md-*的子元素,并且您不希望将它们作为目标。则可以使用子代子选择器或.find():

$('.row .col-md-4,.row .col-md-6 ')

$('.row').find('.col-md-4,.col-md-6,.col-md-8,.col-md-12')

否则,您可以使用属性包含选择器:

$('.row [class*="col-md-"]')

匿名用户

是的,您可以使用本机的'query selectorall'函数。

像这样:

document.querySelectorAll('.row [class*="col-md"]')

[class*=“COL-MD”]是指“所有含有'COL-MD‘的类”