एक वर्ग चयनकर्ता और एक विशेषता चयनकर्ता के संयोजन jQuery के साथ

Question

क्या jQuery के साथ एक वर्ग चयनकर्ता और एक विशेषता चयनकर्ता दोनों को संयोजित करना संभव है ?

उदाहरण के लिए, निम्नलिखित HTML दिया गया:

<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

क्या मैं आईडी भी जोड़ सकता हूँ? मेरा इस तरह से मतलब है: $ ('। मायक्लास [myid = "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');