Can I Use Jquery .wrap Or .wrapinner To Wrap Around A Set Of Different Elements?

March 05, 2024 Post a Comment

I have a HTML structure like so:

Solution 1:

To do this you can loop over each .blue element, get all the following siblings and call wrapAll() on them, like this:

$('.blue').each(function() {
  $(this).nextAll().wrapAll('<div class="extra-wrapper"></div>');
});

.extra-wrapper {
  border: 1px solid #C00;
}

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><section><div><divclass="blue">blue</div><divclass="green">green</div><divclass="red">red</div></div><div><divclass="blue">blue</div><divclass="green">green</div><divclass="red">red</div></div><div><divclass="blue">blue</div><divclass="green">green</div><divclass="red">red</div></div></section>

Note that I changed the <ele /> and <item /> element to divs as they were non-standard.

Baca Juga

JavaScript Creator

Can I Use Jquery .wrap Or .wrapinner To Wrap Around A Set Of Different Elements?

Solution 1:

Post a Comment for "Can I Use Jquery .wrap Or .wrapinner To Wrap Around A Set Of Different Elements?"