ক্লাস সিলেক্টর এবং অ্যাট্রিবিউট সিলেক্টরের সাথে jQuery সংমিশ্রণ করা

Question

কোনও ক্লাস সিলেক্টর এবং অ্যাট্রিবিউট সিলেক্টর উভয়কেই jQuery এর সাথে একত্রিত করা সম্ভব ?

উদাহরণস্বরূপ, নিম্নলিখিত এইচটিএমএল দেওয়া হয়েছে:

<TABLE>
  <TR class="myclass" reference="12345"><TD>Row 1</TD></TR>
  <TR class="otherclass" reference="12345"><TD>Row 2</TD></TR>
  <TR class="myclass" reference="12345"><TD>Row 3</TD></TR>
  <TR class="myclass" reference="54321"><TD>Row 4</TD></TR>
</TABLE>

আমি কেবল 1 এবং 3 সারি নির্বাচন করতে নির্বাচক কী হতে পারি?

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

$(".myclass [reference=12345]") // returns nothing

$(".myclass, [reference=12345]") // returns all 4 rows (yes, I know the comma means 'or')

আমি নিশ্চিত যে উত্তরটি খুব সহজ এবং আমি jQuery ফোরাম এবং ডকুমেন্টেশন সন্ধান করার চেষ্টা করেছি তবে আমি এটিকে খুঁজে বের করতে পারি না। কেউ সাহায্য করতে পারেন?

Answer 1

তাদের একত্রিত করুন। আক্ষরিকভাবে তাদের একত্রিত করুন; কোনও বিরামচিহ্ন ছাড়াই এগুলিকে সংযুক্ত করুন।

$('.myclass[reference="12345"]')

আপনার প্রথম নির্বাচক শ্রেণীর সাথে উপাদানগুলিতে থাকা অ্যাট্রিবিউট মান সহ উপাদানগুলির সন্ধান করে।
স্থানটি বংশধর নির্বাচক হিসাবে ব্যাখ্যা করা হচ্ছে ।

আপনার দ্বিতীয় নির্বাচক, যেমনটি আপনি বলেছিলেন, বৈশিষ্ট্য মান, বা শ্রেণি, বা উভয়ই সহ উপাদানগুলির সন্ধান করে।
কমাটি একাধিক নির্বাচক অপারেটর হিসাবে ব্যাখ্যা করা হচ্ছে - এর অর্থ যাই হোক না কেন (সিএসএস নির্বাচকদের "অপারেটর" ধারণা নেই; কমা সম্ভবত আরও সঠিকভাবে একটি ডিলিমিটার হিসাবে পরিচিত)।

Comments

আমি কি আইডি একত্রিত করতে পারি? আমি এর অর্থ এই: $ ('। মাইক্র্লাস [মায়িড = "6"]')

— রাহুল পাওয়ার

Answer 2

আমি মনে করি আপনার কেবল স্থান সরিয়ে নেওয়া দরকার। অর্থাত

$(".myclass[reference=12345]").css('border', '#000 solid 1px');

সেখানে একটি বেহালার এখানে http://jsfiddle.net/xXEHY/

Answer 3

এই কোডটিও কাজ করে:

$("input[reference=12345].myclass").css('border', '#000 solid 1px');

Answer 4

এটিও কাজ করবে:

$(".myclass[reference='12345']").css('border', '#000 solid 1px');