jQuery在注释标记后面插入一个元素

时间:2018-05-16 14:19:31

标签: jquery

我正在尝试在评论标记<br/><br/>之后插入<!-- pagebreak -->,但我不确定如何实现这一目标?我的代码到目前为止:

HTML:

<div class="tab-content">
  some content
  <!-- pagebreak -->
  some more content
  <!-- pagebreak -->
  some more content
</div>

jQuery的:

$( ".tab-content" )
  .contents()
  .filter(function() {
  return this.nodeType === 8;}
  .each().after( "<br/><br/>" ).end());

有人可以建议如何实现这个目标吗?

由于

1 个答案:

答案 0 :(得分:1)

你很亲密。您不需要each

&#13;
&#13;
$(".tab-content").contents().filter(function() {
  return this.nodeType == 8;
}).after("<br><br>")
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tab-content">
  some content
  <!-- pagebreak -->
  some more content
  <!-- pagebreak -->
  some more content
</div>
&#13;
&#13;
&#13;

结果HTML:

<div class="tab-content">
  some content
  <!-- pagebreak --><br><br>
  some more content
  <!-- pagebreak --><br><br>
  some more content
</div>