चाइल्ड तत्व

Question

की विशेषता जाओ अगर मैं है निम्न मार्कअप:

<p class="header hours"> 
    <a href="javascript:void(0)" class="sort" sortcat="hours"> 
     Hours&nbsp;<span class="imgholder" sortcat="hours">&nbsp;</span> 
    </a> 
</p> 

मैं कैसे लंगर टैग के भीतर <span> टैग लक्षित कर सकते हैं? वहाँ पाँच अन्य इसी तरह के <p> टैग प्रविष्टियों, प्रत्येक sortcat=

Answer 1

$(".sort").click(function(){ 
    var cat = $(this).children("span").attr("sortcat"); 
    //do something with the sortcat 
}); 

Answer 2

$('.sort span') 

मैं गलत था के लिए एक अलग मूल्य के साथ कर रहे हैं?

Answer 3

ढूंढें() किसी दिए गए तत्व के भीतर तत्व पाता है।

$('a.sort').find('span');

Answer 4

$("a span[sortcat]").attr('sortcat') 

है कि आप पहले तत्व के sortcat मूल्य दे देंगे। उन सभी को पाने के लिए, ऐसा करते हैं:

$("a span[sortcat]").map(function(){ return $(this).attr('sortcat') }) 

इस काम के डेमो देखें: http://jsfiddle.net/BwgDW/

Answer 5

कई तरीकों से स्पैन टैग संदर्भित कर सकते हैं की एक जोड़ी है, लेकिन उन सभी को ".attr ('sortcat के साथ समाप्त '); "मुझे लगता है कि यह इस बात पर निर्भर करता है कि आप कितना विशिष्ट होना चाहते हैं और एंकर टैग और स्पैन के साथ कुछ अन्य पी टैग होने पर आपको कितना लचीला होना चाहिए।

$('p.header a.sort span.imgholder').attr('sortcat'); 

/* or */ 

$('span.imgholder').attr('sortcat'); 

आप अपने टैग नाम, उनके वर्ग का नाम, या टैग के अंदर विशेषताओं के आधार पर तत्वों का चयन कर सकते हैं। चयनकर्ताओं पर jQuery के दस्तावेज़ देखें:

http://api.jquery.com/category/selectors/basic-css-selectors/

http://api.jquery.com/category/selectors/