this (এটি) .val () jquery ব্যবহার করে স্প্যান থেকে পাঠ্য প্রাপ্ত করার জন্য কাজ করছে না


98

এই এইচটিএমএল দেওয়া, আমি যখন ক্লিক করব তখন এ থেকে "আগস্ট" কে ধরতে চাই:

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

আমি চেষ্টা করেছিলাম

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

তবে কাজ করছে বলে মনে হচ্ছে না

উত্তর:


212

.val()ব্যবহারের পরিবর্তে .text(), এর মতো:

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

বা jQuery ১.7++ অবমানিত on()হিসাবে ব্যবহার করুন live:

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

.val()আপনি ইনপুট টাইপ উপাদানগুলির জন্য (টেক্সারিয়াস এবং ড্রপডাউনগুলি সহ), যেহেতু আপনি পাঠ্য সামগ্রীর সাথে কোনও উপাদান নিয়ে কাজ করছেন তাই .text()এখানে ব্যবহার করুন।


4
দ্রষ্টব্য: .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 .get (0) 3) DOM এর অবজেক্টের অভ্যন্তরীণ পাঠ্য ব্যবহার করে পাঠ্যটি পাবেন।

এখানে একটি সহজ উদাহরণ

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

এইচটিএমএল

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

4

আপনি এবং উপাদানগুলির .html()সামগ্রী পেতে ব্যবহার করতে পারেন ।spandiv

উদাহরণ:

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

3

এখানে আমরা যাচ্ছি:

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

আশা করি এটা সাহায্য করবে;)


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.