तत्व

Question

के अंदर लपेटें पाठ मुझे एक 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> 

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

इस की कोशिश की लेकिन यह वास्तव में काम नहीं किया ...

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

Answer 1

आप contents() और .eq()

का उपयोग कर ऐसा कर सकते हैं कैसे

http://jsfiddle.net/qUUbW/

Answer 2

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

Answer 3

एकल DIV:

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

JSfiddle

एकाधिक 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

Answer 4

के बारे में

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

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

Answer 5

इस पर मेरे ले:

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

$.trim हिस्सा मांगपत्र एचटीएमएल कोड के लिए इस्तेमाल किया टैब के रूप में की जरूरत है भी हम बाहर फिल्टर करने के लिए है कि पाठ नोड्स (जैसे हैं। आदि वह कक्षाओं मिला है, - - सही <span class="count"> से पहले टैब) के रूप में

काम कर demo