我有这段代码
<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>
中。
谢谢您的回复!
我有这段代码
<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>
中。
谢谢您的回复!
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>