jQuery के साथ भीतर पाठ का चयन करें

Question

<div class="boxen checkedzahlen" id="box41_0_1"> 
41 
<input type="checkbox" value="1" name="cb41_0_1" id="cb41_0_1" checked="checked"/> 
</div> 

कुछ इस तरह दिया जाता है, मैं कैसे पाठ 41, अगर $(this) (कक्षा boxen) क्लिक किया जाता है चेतन कर सकते हैं?

this > * काम नहीं करता है। न तो this:children करता है।

Answer 1

आदेश div का चयन करने में, आपको निम्न का प्रयोग करेंगे:

$('#box41_0_1') 

आदेश पूरे बॉक्स चेतन करने के लिए आपको

$('#box41_0_1').fadeOut().fadeIn(); 

या कुछ अन्य animation effect कर सकता है।

संपादित करें: आप केवल आंतरिक पाठ का चयन करना चाहते हैं, तो आप एक div साथ wrapping भीतरी पाठ की कोशिश कर सकते हैं, लेकिन कोड आपके द्वारा दी गई है, वह भी चेकबॉक्स मेरा मानना ​​है कि चयन करेंगे। कोड उदाहरण:

$('#box41_0_1').wrapInner("<span id='span41_0_1'></span>"); 
$('#span41_0_1').fadeOut().fadeIn(); 

Answer 2

$ ("# divID")। Html() टेक्स्ट को अंदर प्राप्त करेगा।

Answer 3

आप एक अवधि में div की सामग्री को लपेट सकते हैं और फिर उस अवधि के बाहर इनपुट को स्थानांतरित कर सकते हैं। फिर आप अवधि को एनिमेट कर सकते हैं। कुछ इस तरह:

$('.boxen').each(function() { 
    var $thisBox = $(this); 
    $thisBox.wrapInner('<span></span>'); 
    $thisBox.find('input').appendTo($thisBox); 
}); 

$('.boxen span').animate({fontSize: '28px'}, 400); 

तुम भी मिश्रण और jQuery के साथ सीधे डोम पटकथा से मेल खाते हैं, तो जैसे हो सकते हैं:

$('.boxen').each(function() { 
    var newSpan = document.createElement('span'); 
    newSpan.innerHTML = this.firstChild.nodeValue; 
    this.firstChild.nodeValue = ''; 
    $(this).prepend(newSpan); 
}); 

$('.boxen span').animate({fontSize: '28px'}, 400); 

किसी भी तरह से काम करना चाहिए।

Answer 4

थोड़ा उलझन देने वाले शीर्षक के कारण, कुछ लोग (जैसे मेरे) इस प्रश्न पर आ रहे हैं कि टेक्स्ट सामग्री को DOM तत्व के कैसे प्राप्त करें। आप इसे पूरा कर सकते हैं:

$("#myselector").text() // returns the content of the element as plain text