$ (this) .val () ไม่ทำงานเพื่อรับข้อความจาก span โดยใช้ jquery

ให้ html นี้ฉันต้องการคว้า "สิงหาคม" จากมันเมื่อฉันคลิกที่มัน:

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

ฉันเหนื่อย

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

แต่ดูเหมือนจะไม่ทำงาน

แทนที่จะ.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()ที่นี่

ฉันคิดว่าคุณต้องการ.text():

var monthname = $(this).text();

ในการดึงข้อความของค่าสแปนที่สร้างขึ้นโดยอัตโนมัติให้ทำดังนี้:

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

- ไม่มีข้อใดที่ใช้ได้ผลสำหรับฉันอย่างต่อเนื่อง ดังนั้นนี่คือวิธีแก้ปัญหาที่ฉันได้รับซึ่งทำงานได้อย่างสม่ำเสมอในทุกเบราว์เซอร์เนื่องจากใช้ฟังก์ชันพื้นฐาน หวังว่านี่อาจช่วยคนอื่นได้ ใช้ jQuery 8.2

1) รับวัตถุ jquery สำหรับ "span" 2) รับวัตถุ DOM จากด้านบน ใช้ jquery .get (0) 3) การใช้ innerText ของวัตถุ DOM รับข้อความ

นี่คือตัวอย่างง่ายๆ

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

HTML

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

คุณสามารถใช้.html()เพื่อรับเนื้อหาspanและหรือdivองค์ประกอบต่างๆ

ตัวอย่าง:

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

ไปเลย:

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

หวังว่ามันจะช่วย;)

.val()ใช้สำหรับองค์ประกอบอินพุตใช้.html()แทน