शीर्षक काफी कुछ कहता है।
पंक्ति जो वें हेडर और कोई अन्य शामिल हैं का चयन करने केjQuery - एक टी का चयन कैसे करें जिसमें वें है?
<table>
<tr>
<th>Header 1</td>
<th>Header 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
</table>
कैसे की तरह एक तालिका को देखते हुए?
अभिव्यक्ति:
$(function() {
$("tr:has(th):not(:has(td))").hide();
});
या बस:
$(function() {
$("tr:not(:has(td))").hide();
});
पूर्ण उदाहरण:
<html>
<head>
<title>Layout</title>
</head>
<body>
<table>
<tr>
<th>Header 1</td>
<th>Header 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<th>Header 3</th>
<th>Datum 2</td>
</tr>
</table>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.3.1");
google.setOnLoadCallback(function() {
$(function() {
$("tr:has(th):not(:has(td))").hide();
});
});
</script>
</body>
</html>
पता नहीं अगर यह डोजो CSS3 के प्रश्नों की तरह है, लेकिन अगर jQuery इसका समर्थन करता है आप, पहले बच्चे को छद्म वर्ग इस्तेमाल कर सकते हैं:
टीआर वें: पहली बच्चे
या
टीआर वें: n वें वाले बच्चे (1)
देखें: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/
jQuery("tr:has(th)")
हर tr कि शामिल चुन लिए जाएँगे कम से कम एकth
निजता सार्वजनिक :)
उपयोग :has चयनकर्ता:
$('tr:has(th)').addClass('sample')
शायद अगर आप मिश्रित th और के साथ एक मेज है काम नहीं करेगा हालांकि td बच्चे।
यदि संभव हो तो, यह एक < अंदर अपनी मेज हेडर संलग्न करने की आदर्श होगा thead > तत्व
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
इस तरह, आपके तालिका शीर्ष लेख का चयन के रूप में सरल किया जाएगा के रूप में:
$('thead');
या का चयन केवल < टीआर >
$('thead tr');
आपका मार्कअप तो, अधिक से पढ़े जा सकेंगे और स्टाइल आपकी तालिका आसान हो जाती है, क्योंकि आप अपनी तालिका के शीर्षलेख या शरीर में तत्वों को अधिक आसानी से लक्षित कर सकते हैं।
jQuery फ्रिगजिन अद्भुत है। बस इतना ही। –