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>