jQuery在另一个类中选择一个类的元素答案

【问题标题】：jQuery select elements of one class within another classjQuery在另一个类中选择一个类的元素
【发布时间】：2014-02-06 22:28:00
【问题描述】：

我在不同的 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”元素的函数？

【问题讨论】：

@Tushar Gupta 已经明白了，我最近做了这个教程，这将使这种东西变得更有意义......Try jQuery

标签： javascript jquery html css jquery-selectors

【解决方案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');

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

JSFIDDLE DEMO

【讨论】：