jQuery的選擇另一類

Question

我有與具有單獨的類/ IDS，像在本實施例中的各種的div內的類「some_class」分子內的一個類的元素：

<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 
}); 

如何將我寫的切換隻有「some_class」是「阿爾法」 /「測試版」的div內的這些元素的功能？

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');