jQuery: শ্রেণি এবং ইনপুট ধরণের দ্বারা নির্বাচন করা


119

আমি উপাদানগুলির একটি সেট নির্বাচন করতে চাই যা উভয় একটি নির্দিষ্ট ইনপুট ধরণের (বলে, একটি চেকবক্স) এবং jQuery ব্যবহার করে একটি নির্দিষ্ট শ্রেণি রয়েছে। তবে, আমি যখন নিম্নলিখিতগুলি চেষ্টা করি:

 $("input:checkbox .myClass")

আমি কোনও জিনিস ফেরত পাই না। আমি কীভাবে jQuery এ এটি সম্পাদন করতে পারি?

উত্তর:


209

আপনার নির্বাচক একটি বেকস রয়েছে এমন একটি চেকবক্স উপাদানটির যে কোনও বংশধরকে সন্ধান করছেন .myClass

পরিবর্তে এটি চেষ্টা করুন:

$("input.myClass:checkbox")

কর্মে এটি পরীক্ষা করে দেখুন

আমি এটিও পরীক্ষা করেছি:

$("input:checkbox.myClass")

এবং এটিও সঠিকভাবে কাজ করবে। আমার নম্র মতে এই বাক্য গঠনটি সত্যই বরং কুশ্রী দেখাচ্ছে, কারণ বেশিরভাগ সময় আমি প্রত্যাশা করি :শৈলীর নির্বাচকরা শেষের দিকে আসবে। আমি যেমন বলেছি, যদিও একজনের কাজ হবে।


51

আপনি যদি এই শ্রেণীর ব্যবহারের সাথে সেই ধরণের ইনপুট পেতে চান:

$("input.myClass[type=checkbox]")

[] নির্বাচক সিনট্যাক্স আপনাকে কোনও উপাদানের বৈশিষ্ট্যগুলির বিরুদ্ধে পরীক্ষা করতে সহায়তা করে। পরীক্ষা করে দেখুন বৈশিষ্ট আরো বিস্তারিত জানার জন্য


6

শ্রেণি দ্বারা নির্বাচন করতে আপনাকে (চেকবক্সগুলির জন্য) :checkboxএবং .nameগুণাবলী ব্যবহার করতে হবে।

উদাহরণ স্বরূপ:

$("input.aclass:checkbox")

:checkboxনির্বাচক:

টাইপ চেকবক্সের সমস্ত ইনপুট উপাদানগুলির সাথে মেলে। এই পিচুয়েডো-সিলেক্টরটি ব্যবহার $(':checkbox')করা সমান $('*:checkbox') যা ধীর নির্বাচক। এটি করার পরামর্শ দেওয়া হচ্ছে $('input:checkbox')

নির্বাচকদের সম্পর্কে জানতে আপনার jQuery ডকুমেন্টেশন পড়া উচিত ।


4

আপনার ক্লাসের নামটি এভাবে ব্যবহার করা উচিত

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

এটি একটি লাইভ ডেমো ব্যবহার করে দেখুন


1
উত্তর প্রশ্নের সাথে প্রাসঙ্গিক নয়।
অবনীশ অলোক

1
তবুও উত্তরটি সম্পূর্ণরূপে অন্যদের জন্য সহায়ক যারা একই ধরণের জিনিসগুলি সন্ধান করে তবে সঠিক ওপি প্রশ্ন নয়।
ক্যামডিকসন


3

আমার মতো কোনও ডামি এখানে বাটন দিয়ে পরামর্শগুলি ব্যবহার করে কিছুই দেখেনি, সম্ভবত আপনি এটি চান:

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