मैं सभी <th> का चयन कैसे करूँ एक विशिष्ट आईडी के साथ वर्ग "sortasc" के तत्वों किसी तालिका की?

वोट
3

मान लीजिए कि मैं निम्न HTML है करते हैं:

<table id=foo>
  <th class=sortasc>Header</th>
</table>

<table id=bar>
  <th class=sortasc>Header</th>
</table>

मुझे पता है कि मैं के सभी प्राप्त करने के लिए निम्नलिखित कर सकते हैं वीं तत्वों है कि वर्ग = sortasc

$$('th.sortasc').each()

हालांकि मुझे देता है कि वें दोनों मेज से तत्वों foo और टेबल बार

मैं यह कैसे कह मुझे मेज से सिर्फ वें तत्व देने के लिए कर सकते हैं foo ?

19/09/2008 को 11:52
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


4 जवाब

वोट
8

तालिका # foo th.sortasc

19/09/2008 को 11:54
का स्रोत उपयोगकर्ता

वोट
0

CSS चयनकर्ता की तरह '#foo th.sortasc' कुछ नहीं होगा। jQuery में $ किया जाएगा कि ( '# foo th.sortasc')।

19/09/2008 को 11:55
का स्रोत उपयोगकर्ता

वोट
3

इस तरह आप सीधे-अप जे एस के साथ यह करना होता है:

var table = document.getElementById('tableId');
var headers = table.getElementsByTagName('th');
var headersIWant = [];
for (var i = 0; i < headers.length; i++) {
  if ((' ' + headers[i].className + ' ').indexOf(' sortasc ') >= 0) {
    headersIWant.push(headers[i]);
  }
}
return headersIWant;
19/09/2008 को 12:22
का स्रोत उपयोगकर्ता

वोट
0

एक नेस्टेड तालिका के साथ, जैसे:

<table id="foo">
  <th class="sortasc">Header</th>
  <tr><td>
    <table id="nestedFoo">
      <th class="sortasc">Nested Header</th>
    </table>
  </td></tr>
</table>

$ ( 'तालिका # foo th.sortasc') आप दे देंगे सब वें के क्योंकि आप एक का उपयोग कर रहे वंशज चयनकर्ता । आप केवल foo के वीं के चाहते हैं, तो आप का उपयोग करना चाहिए बच्चे चयनकर्ता $ ( 'तालिका # foo> th.sortasc') -।

ध्यान दें कि बच्चे चयनकर्ता है समर्थित नहीं IE6 के लिए सीएसएस में, हालांकि JQuery अभी भी सही ढंग जावास्क्रिप्ट से यह करना होगा।

19/09/2008 को 14:13
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more