加 <div> 后 <h3> 标签opan和关闭 </div> 之前 </h3> 使用jquery标记

Question

I want to wrap text with div, can someone help how can I do this. I can't change my html structure therefore i need to use jquery.

here is my html code

<div>
<h3>Title 1</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<h3>Title 1</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

here is js

$('h3').each(function(){
    $(this).nextUntil('h3')
        .wrapAll('<div>').parent().add(this)
        .wrapAll('<li>').parent().appendTo(h3);
});

here is jsfiddle link

Thanks in advance

Answer 1

You can do like this

$('div').contents().filter(function() {
    return this.nodeType === 3;
}).wrap('<div></div>');

This will select all the plain text and wrap it with div elements

Demo Fiddle

Edit

This will do the trick,

$('div').contents().filter(function() {
    return this.nodeType === 3;
}).wrap('<div class="temp"></div>');

$("h3").each(function() {
    $(this).nextUntil("h3").wrapAll("<div class='wraper'></div>");
});

$(".temp").contents().unwrap();

Updated Fiddle