Wrap Divs with the same class

Question

I want to apply the insertion of labels with Javascript or jQuery.

I have this code:

<div class="name">...</div>
<div class="name">...</div>
<div class="name">...</div>
<div class="name">...</div>
<div class="name">...</div>

And I’d like it to stay that way:

    <label>
    <div class="name">...</div>
    </label>
    <label>
    <div class="name">...</div>
    </label>
    <label>
    <div class="name">...</div>
    </label>
    <label>
    <div class="name">...</div>
    </label>
    <label>
    <div class="name">...</div>
    </label>

Remembering that these divs are being written by a Javascript function (in this function is being used a for) with different content but with the same functionality so they have the same class.

Answer 1

With jQuery you can use .wrap():

$(".name").wrap("<label />");

Upshot: