jQuery选择另一个类中一个类的元素

Question

我在各个div中都有类“some_class”的元素，这些div具有单独的类/ ID，如下例所示：

<div class="alpha">
    <p class="some_class">Text</p>
    <p class="some_class">More text</p>
</div>
<div class="beta">
    <p class="some_class">Even more text</p>
    <p class="some_class">Bored now</p>
</div>

我可以使用jQuery选择类“some_class”的所有元素，并切换另一个类，如下所示：

$('.toggle_button').click(function () {
    $('.some_class').toggleClass('another_class');
    //do more stuff
});

我如何编写一个仅切换“alpha”/“beta”div中“some_class”元素的函数？

Answer 1

使用.children()，.find()

$('.alpha').children('.some_class').toggleClass('another_class');

<小时/> Child Selector

$('.alpha > .some_class').toggleClass('another_class')

---

$('.alpha .some_class').toggleClass('another_class');

<小时/> Multiple Selector

$('.alpha .some_class,.beta .some_class').toggleClass('another_class');


$('.alpha,.beta').find('.some_class').toggleClass('another_class');

Answer 2

$('.alpha,.beta').find('.some_class').toggleClass('another_class');

<强> JSFIDDLE DEMO

Answer 3

$('.alpha .some_class, .beta .some_class').toggleClass('another_class');