removeClass忽略，而addClass等人的作品

Question

我有綁定到click事件以下行：

$(this).parents(".addonoptions").children().removeClass("highlight"); 

應該剝去父母的孩子的「亮點」級。但它沒有做任何事情。

如果我把它改成這樣：

$(this).parents(".addonoptions").children().addClass("highlight"); 

然後亮點類成功添加到所有的孩子們。同樣，如果我將「removeClass」更改爲「hide（）」，那麼選定的元素將被隱藏起來，所以我知道正在選擇正確的元素。我已經閱讀了關於removeClass無法正常工作的許多其他問題和答案，但是在這種情況下，似乎沒有任何答案能夠奏效。

下面是HTML的一個基本示例，「clickme」類與上面的事件綁定在一起。

<div class="addonoptions"> 
<div><p class="clickme">Click to remove highlights</p></div> 
<div class="highlight"><p class="clickme">Click to remove highlights</p></div> 
</div> 

Answer 1

你真的可以通過簡單地在T調用removeClass簡化去除他類本身：

DEMO：http://jsfiddle.net/hwxj9/

$('.clickme').click(function() { 
    /* remove highlight class*/ 
    $('div.highlight').removeClass('highlight'); 
    /* or if class exists in other parts of page 
     $(this).closest('.addonoptions').find('div.highlight').removeClass('highlight'); 

    */ 
    /* highlight parent of p */ 
    $(this).parent().addClass('highlight'); 

}) 

Answer 2

children只找到直接子節點（在這種情況下，<div> S的替代<p>標籤，使用find代替

活生生的例子 - http://jsfiddle.net/sKz6y/

Answer 3

如果$(this)是<p>標籤則children()調用將返回一組<div> s。您需要使用jQuery的find方法：

嘗試：

$(this).parents(".addonoptions").find('p').removeClass("highlight"); 

http://api.jquery.com/children/

http://api.jquery.com/find/

---

<div class="addonoptions"> 
    <div> 
     <p class="clickme">Click to remove highlights</p> 
    </div> 
    <div class="highlight"> 
     <p class="clickme">Click to remove highlights</p> 
    </div> 
</div>​ 

$('.clickme').on('click', function(){ 
    $(this).parents('.addonoptions').children().removeClass('highlight'); 
    $(this).parent().addClass('highlight'); 
});​ 

http://jsfiddle.net/E4K7P/