Select multiple element types in jQuery

Question

I want to select td and th of a table. At the moment I only can select td or th. How can I make this shorter?

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

have you find answer? if yes then please select as answer or explain some more.. — Sachin
– Sachin, Commented Apr 14, 2015 at 10:27

iCollect.it Ltd · Accepted Answer · 2015-04-14 10:22:32Z

6

If the TDs contain data you need to not drill too deep, so use an immediate child selector before :nth-child:

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

JSFiddle (based on @Rory McCrossan's): http://jsfiddle.net/TrueBlueAussie/o8wwf1ze/1/

answered Apr 14, 2015 at 10:22

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rudolf Gröhling · Accepted Answer · 2015-04-14 10:36:22Z

You can use multiple selector

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>

Collectives™ on Stack Overflow

Select multiple element types in jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related