jQuery addClass over html Tags

时间:2016-11-17 05:40:27

标签: javascript jquery

我想用jQuery标记addClass ...

例如:我有这个

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

我想把课程添加到它上面......

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

UPD 谢谢大家)

6 个答案:

答案 0 :(得分:2)

在我看来,你想要用一个类将几个元素包装在另一个元素中。你会想要这样的东西:

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

答案 1 :(得分:1)

`android.os.Process.killProcess(android.os.Process.myPid());`

但是你可能只想要特定的div。在这种情况下,您可以使用不同的selectors ID,第一个节点等。

Read more here

答案 2 :(得分: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结构。

答案 3 :(得分:0)

试试这个:

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

Demo fiddle

答案 4 :(得分:0)

您的问题不明确..但您可以使用以下语法将类添加到任何HTML标记:

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

答案 5 :(得分:0)

如果您需要动态添加div,请检查wrap。将“inner”类添加到元素中:

<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>