javascript - 如何在使用jquery替换类后添加类

Question

实际上，我有下面给出的代码。

$('p').replaceWith(function() {
  return $('<div>', {
    html: $(this).html()
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

实际上，我替换了所有<p>带有 <div> 的标签它工作正常，但现在我想在 <div> 中添加一个类那么我该如何添加呢？

Answer 1

对生成的元素使用addClass()方法

return $('<div>', {html:$(this).html()}).addClass('thisClass')

$('p').replaceWith(function() {
  return $('<div>', {
    html: $(this).html()
  }).addClass('thisClass')
});

.thisClass {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>p1
</p>
<p>p2
</p>