javascript - 选择图像后的内容

Question

我有这个代码

<div class="article">
  <img class="image-article" src="#" />
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quae quidem vel cum periculo est quaerenda"
</div>

我想选择图片后面的文字内容，我想把文字放到一个<p></p>中

感谢您的回复!

Answer 1

您可以在 img

的下一个兄弟元素上使用 .wrap()

$('.article .image-article').each(function() {
  if (this.nextSibling.nodeType == Node.TEXT_NODE) {
    $(this.nextSibling).wrap('<p></p>')
  }
})

.article p {
  background-color: lightgrey;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="article">
  <img class="image-article" src="#" />"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quae quidem vel cum periculo est quaerenda"
</div>