jQuery的addClass到UL孩子只有

我有這個jQuery的addClass到UL孩子只有

<ul> 
    <li class="quiddam"> 
    <a href="">Lorem</a> 
    <ul> 
     <li><a href="">Ipsum</a></li> 
     <li><a href="">Dolores</a></li> 
    </ul> 
    </li> 
</ul>

如果我使用jQuery來添加一個類「brimsom」的類「quiddam」的孩子是這樣的：

$(".quiddam").children().addClass("brimsom");

a標籤和ul標籤子都會得到「brimsom」類。

如何將「brimsom」類添加到僅作爲ul標籤的「quiddam」的所有子項？

來源

2014-03-06 Robin Cox

試試這個

$(".quiddam>ul").addClass("brimsom");

來源

2014-03-06 10:47:42 Amit

爲什麼Downvote這個答案嗎？ – Amit

我要去投票了。正確的解決方案 –

因爲只是解決某些代碼的答案很少解釋爲什麼 - 沒有意義，因爲它們將它們「喂」到魚身上，而沒有教導如何使用魚竿。 – moka

這兩個標籤和UL標籤的孩子將得到一流「brimsom」的。

這是不正確的。

以下代碼片段將向具有「quiddam」類的所有元素添加類「brimson」，而不是的子元素。

$(".quiddam").addClass("brimsom");

因此：

<li class="quiddam brimson">

下面的腳本將它們添加到所有的子元素：

但是，您所需要的僅僅是ul孩子，這將是：

因此：

<li class="quiddam"> 
    <a href="">Lorem</a> 
    <ul class="brimson">

來源

2014-03-06 10:48:28 Curt

hehe對不起，我的錯 –

使用：

$('.quiddam ul').addClass('brimsom');

或

$('.quiddam').find('ul').addClass('brimsom');

來源

2014-03-06 10:48:47

它的工作，謝謝 –

@RascalCapac：很高興它有幫助:) –

試試這個$('.quiddam ul').addClass('brimsom');

或者這一個$('.quiddam').find('ul').addClass('brimsom');

或者$(".quiddam>ul").addClass("brimsom");

來源

2014-03-06 10:51:40

$(".quiddam > ul").addClass("brimsom");

>選擇在包裝quiddam第一級UL。

來源

2014-03-06 10:52:27

哈，這也適用：

$(".quiddam").children("ul").addClass("brimsom");

來源

2014-03-06 11:47:33

有很多方法可以做到這一點....你甚至可以寫關於它的書：P –

jQuery的addClass到UL孩子只有

回答

相關問題