选择特定类的子女

Question

我有这个：

<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的数量。我不想让这种事发生。

你们听懂了吗？

Answer 1

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

像这样：

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

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

Answer 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-"]')