我有这个:
<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的数量。我不想让这种事发生。
你们听懂了吗?
如果您有其他带有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‘的类”