jquery和正则表达式隐藏儿童元素

Question

我有一个简单的div：

<div class="test">
    <div id="test1"></id>
    <div id="qwerqw"></id>
    ...
    <div id="23112"></id>
</div>

如何隐藏div中的所有元素？ $（'。test'）。hide（）只隐藏父div。

Answer 1

如果您想隐藏儿童，则必须使用child selector ^[docs]或.children() ^[docs]选择儿童。

Answer 2

使用jquery的子选择器： 它将选择div的所有直接子项。选择所有直接的div test <div>

$（'div.test＆gt; div'）。hide（）;

http://api.jquery.com/child-selector/

看到这个小提琴例如： jsfiddle example