选择图像后的内容

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

你可以在.的下一个兄弟元素上使用.wrap() img

$('.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>