jQuery的addClass在HTML標籤

Question

我想addClass在使用jQuery標籤...

例如：我有這樣的

<h4>Any title</h4> 
<p> Text intro </p> 

我想添加的類別在它的..

<div class="myClass"> 
    <h4>Any title</h4> 
    <p> Text intro </p> 
</div> 

UPD謝謝大家）

Answer 1

$('h4,p').wrapAll("<div class=myClass></div>")

.myClass { 
 
    color: red 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h4>Any title</h4> 
 
<p>Text intro</p>

使用.wrapAll()

說明：環繞在周圍的匹配的元素集合中的所有元素的HTML結構。

Answer 2

$("div").addClass("myClass"); 

但您可能只想要特定的div。在這種情況下，您可以使用不同的selectors，如id，第一個節點等。

Read more here

Answer 3

試試這個：

$('p, div, span').addClass('myclass'); 

Demo fiddle

Answer 4

你的問題並不清楚。但你可以用下面的語法添加類所有的HTML標籤：

$("tagname").addClass("classname"); 

Answer 5

它看起來像我想要包裝幾個元素另一個類的元素。你會想是這樣的：

$("h4,p").wrapAll($("<div>").addClass("myClass")); 

Answer 6

如果您需要動態添加DIV，檢查wrap出來。添加 「內部」 類的元素：

<h4 class="inner">Any title</h4> 
<p class="inner"> Text intro </p> 

然後在你的腳本：

$(".inner").wrap("<div class='myClass'></div>"); 

最終結果：

<div class="myClass"> 
    <h4>Any title</h4> 
    <p> Text intro </p> 
</div>