Envelopper le texte dans l'élément

J'ai besoin de renvoyer le texte à l'intérieur d'un div avec une durée de.

<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>

Essayé ceci mais ça ne fonctionne pas vraiment...

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

source d'informationauteur santa

  1. 15

    Vous pouvez le faire en utilisant contenu() et .eq()

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

    http://jsfiddle.net/qUUbW/

  2. 8

    Comment sur

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

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

  3. 3

    Unique DIV:

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

    JSfiddle

    Plusieurs DIVs:

    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

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

    Mon point de vue sur ce:

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

    La $.trim est nécessaire que les onglets utilisés pour indenter le code html sont aussi des nœuds de texte que nous avons à filtrer (par exemple. comme l'onglet de droite avant de <span class="count"> )

    Voir le travail démo