javascript - 过滤 div 以使用 jquery 隐藏

Question

如何使用 jQuery 过滤 div 以进行隐藏？

<div class='one'>
    <div class='four'>
        <div class='two'></div>
    </div>
</div>
<div class='two'></div>
<div class='there'>
    <div class='four'></div>
</div>
<div class='four'></div>

我需要过滤 div 类。我尝试了以下方法：

var fields = '.two,.four';
$('.field-item div:contains(' + fields + ')').hide();

或者

var fields = '.two,.four';
$('.field-item').filter('div:choices(' + fields + ')');

没用。为什么？

Answer 1

您想要的功能就在您的问题中：.filter.

$(".field-item div").filter(fields).hide();

Answer 2

$使用带有 context 参数的 jQuery 函数可以使这个任务变得非常简单。[文档]

var fields = '.two,.four';
$(fields, '.field-item div').hide();