Testo a capo all'interno dell'elemento

Question

Ho bisogno di avvolgere il testo all'interno di un div con uno span.

<div class="item"> 
    <span class="count"></span> 
    Text that needs to be wrapped. 
</div> 

<div class="item"> 
    <span class="count"></span> 
    Text that needs to be wrapped. 
</div> 

<div class="item"> 
    <span class="count"></span> 
    Text that needs to be wrapped. 
</div> 

provato ma non funzionava ...

$('.item').text().wrap('<span class="new" />'); 

Answer 1

è possibile farlo utilizzando contents() e .eq()

$('.item').each(function(i, v) { 
    $(v).contents().eq(2).wrap('<span class="new"/>') 
});​ 

http://jsfiddle.net/qUUbW/

Answer 2

$('.item').html($('<span class="new">').text($(".item").text())) 

Answer 3

singolo DIV:

var txt = $('.count')[0].nextSibling; 
$(txt).wrap('<span class="new" />'); 

JSfiddle

DIV multipli:

var markers = document.querySelectorAll('.count'), 
    l = markers.length, 
    i, txt; 

for (i = l - 1; i >= 0; i--) { 
    txt = markers[i].nextSibling; 
    $(txt).wrap('<span class="new" />'); 
} 

JSFiddle

Answer 4

Come su

$('.item').contents().filter(function(){ 
    return this.nodeType == 3 && $.trim(this.nodeValue).length; 
}).wrap('<span class="new" />'); 

http://jsfiddle.net/mowglisanu/x5eFp/3/

Answer 5

mio prendere su questo:

$('.item').contents().each(function() { 
    if (this.nodeType == 3 && $.trim(this.nodeValue) != '') { 
     $(this).wrap('<span class="textwrapped"></span>'); 
    } 
}); 

La parte $.trim è necessario in quanto le schede utilizzate per codice html trattino sono anche i nodi di testo che dobbiamo filtrare (ad es. come la scheda a destra prima <span class="count">)

Vedere lavorare demo