Question

Here is my HTML

<p> checkbox list 
  <span> 
    <span>
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
    </span>
    <span>
      <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
    </span> 
  </span>
</p>
<p> checkbox list 02
  <span> 
    <span>
       <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
    </span>
    <span>
       <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
    </span> 
  </span>
</p>

How to wrap text ‘checkbox list’ and ‘checkbox list02’ inside a label tag in same place

i want result like this :

 <p> <label>checkbox list </label>
      <span> 
        <span>
          <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
        </span>
        <span>
          <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
        </span> 
      </span>
    </p>
    <p> <label>checkbox list 02</label>
      <span> 
        <span>
           <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
        </span>
        <span>
           <input type="checkbox" name="checkbox" value="checkbox" id="apple" />
        </span> 
      </span>
    </p>

Answer 1

To wrap a text subnode in a <p> container you can do something like this

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