$ (यह) .val () jquery का उपयोग करके स्पैन से पाठ प्राप्त करने के लिए काम नहीं कर रहा है


97

इस html को देते हुए, मैं उस पर क्लिक करने पर "अगस्त" को उससे हथियाना चाहता हूं:

<span class="ui-datepicker-month">August</span>

मैंने कोशिश की

$(".ui-datepicker-month").live("click", function () {
    var monthname =  $(this).val();
    alert(monthname);
});

लेकिन काम नहीं कर रहा है

जवाबों:


210

.val()उपयोग के बजाय .text(), इस तरह:

$(".ui-datepicker-month").live("click", function () {
    var monthname =  $(this).text();
    alert(monthname);
});

या jQuery में 1.7+ उपयोग के on()रूप liveमें पदावनत किया गया है:

$(document).on('click', '.ui-datepicker-month', function () {
    var monthname =  $(this).text();
    alert(monthname);
});

.val()इनपुट प्रकार तत्वों (टेक्स्टारिस और ड्रॉपडाउन सहित) के लिए है, क्योंकि आप पाठ सामग्री के साथ एक तत्व के साथ काम कर रहे हैं, .text()यहाँ उपयोग करें।


3
नोट: .live()1.7 में पदावनत और 1.9+ में हटा दिया गया
डैरेन

दोनों। Html () और .text () ने मेरे स्पैन तत्व के लिए काम किया।
lft93ryt


8

ऑटो जेनरेटेड स्पैन वैल्यू का टेक्स्ट पुनः प्राप्त करने के लिए ऐसा करें:

var al = $("#id-span-name").text();    
alert(al);

5

-किसी ने भी लगातार मेरे लिए काम नहीं किया। तो यहाँ समाधान है जो मैंने काम किया है जो सभी ब्राउज़रों में लगातार काम करता है क्योंकि यह बुनियादी कार्यक्षमता का उपयोग करता है। आशा है कि यह दूसरों की मदद कर सकता है। JQuery 8.2 का उपयोग करना

1) "स्पान" के लिए jquery वस्तु प्राप्त करें। 2) ऊपर से DOM ऑब्जेक्ट प्राप्त करें। Jquery का उपयोग करना।

ये रहा एक सरल उदाहरण

var curSpan = $(this).parent().children(' span').get(0);
var spansText = curSpan.innerText;

एचटीएमएल

<div >
<input type='checkbox' /><span >testinput</span> 
</div>

4

आप .html()सामग्री spanऔर या divतत्वों को प्राप्त करने के लिए उपयोग कर सकते हैं ।

उदाहरण:

    var monthname =  $(this).html();
    alert(monthname);

3

ये रहा:

$(".ui-datepicker-month").click(function(){  
var  textSpan = $(this).text();
alert(textSpan);   
});

आशा करता हूँ की ये काम करेगा;)


1

.val()इनपुट तत्वों के लिए है, .html()इसके बजाय उपयोग करें

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.