Выберите содержание после изображения

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>