लपेटें jQuery में कुछ पाठ के चारों ओर एक अवधि

Question

मैं क्या है:

<ul id="myId"> 
    <li> 
     My text 
     <ul class="myClass"> 
      <li>blahblahblah</li> 
     </ul> 
    </li> 
</ul> 

मुझे क्या करना चाहते हैं:

<ul id="myId"> 
    <li> 
     <span>My text</span> 
     <ul class="myClass"> 
      <li>blahblahblah</li> 
     </ul> 
    </li> 
</ul> 

मैं न HTML मार्कअप के लिए उपयोग किया है, और jQuery के साथ ऐसा करना चाहते हूँ , कुछ की तरह:

$('.myClass').get_the_text_ubove().wrap('<span>'); 

'मेरे पाठ' भले ही यह कोई वर्ग/आईडी है का चयन करने के कुछ तरीका होना चाहिए

Answer 1

प्रयास करें:

$('#myId > li').each(
    function(){ 
     $(this.firstChild).wrap('<span></span>'); 
    }); 

JS Fiddle demo।

के साथ संबंध है classul में जोड़ने के लिए चाहते करने के लिए:

$('#myId > li').each(
    function(){ 
     $(this.firstChild).wrap('<span></span>'); 
     $(this).find('ul').addClass('myClass'); 
    }); 

JS Fiddle demo।

Answer 2

$($('#myId ul').addClass('myClass')[0].previousSibling).wrap('<span>'); 

JSFIDDLE DEMO

Answer 3

var ul = document.getElementById("myId"); 
var li = ul.firstElementChild; 
var text = li.firstChild; 
var ul = li.childNodes[1]; 
ul.classList.add('myClass'); 
var span = document.createElement("span"); 
span.textContent = text.data; 
li.replaceChild(span, text); 

बचाव के लिए पुराने जमाने डोम।