在jQuery中選擇多種元素類型

Question

我想選擇table td和th 。 目前，我只能選擇td 或 th 。 我該如何縮短時間？

$table.find('tr th:nth-child(' + colIndex + ')').css('color', 'red');
$table.find('tr td:nth-child(' + colIndex + ')').css('color', 'red');

Answer 1

如果TD包含數據，則不必鑽得太深，因此在:nth-child之前使用直接子選擇器：

$table.find('tr > :nth-child(' + colIndex + ')').css('color', 'red');

JSFiddle（基於@Rory McCrossan的）： http : //jsfiddle.net/TrueBlueAussie/o8wwf1ze/1/

Answer 2

您可以使用多個選擇器

 var colIndex = 2; var $table = $('table') $table.find('tr').find( 'th:nth-child('+colIndex+'),'+ 'td:nth-child('+colIndex+')') .css('color','red') 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table>