How to break p tags using jQuery?

You can use replaceWith()to replace the element with your content:

$('p').replaceWith
(
    function() { return $(this).contents(); }
);

See here .

Sort of:

$("p").each(function(){
    var content = $(this).html();
    $(this).parent().append(content);
    $(this).remove();
});

Searches for all p-tags, gets content. Adds it to the parent element and removes the p tag. It does not work in all cases (for example, if P tags should be at the beginning of the parent element.)

Give an identifier to your p tag

<p id='id'>
     <a href="link"><img src="image"></a>
</p>

then use jQuery to select the internal HTML

$('#id').html();