选择图片

Question

我有这段代码

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我想在图片后选择文字内容，我希望将文字放入<p></p>

感谢您的回复！

Answer 1

您可以在img

的下一个兄弟元素上使用.wrap（）

＆＃13;

＆＃13;

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

＆＃13;

.article p {
  background-color: lightgrey;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;