выбор первого тд из всех строк с помощью селектора css

Question

Вот мой HTML

<table id="mytable" >
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr >
            <td>1888</td>
            <td>Michael</td>
        </tr>

        <tr>
            <td>1886</td>
            <td>Bosco</td>
        </tr>

        <tr>
            <td>955</td>
            <td>Raj</td>
        </tr>
    </tbody>
</table>

я хочу выбрать первый тд из всех строк

Таким образом, на выходе будет 1888, 1886, 955

Я пробовал это table[id='mytable'] tr:nth-child но выдает ошибку.

Может кто-нибудь помочь?

Answer 1

Чтобы достичь желаемого, вам нужно изменить используемый селектор на: table[id='mytable'] tr td:first-child. Это выберет первый td в каждом tr в table с идентификатором mytable

Код во фрагменте является лишь примером того, как его применить

$(document).ready(function() {
  $("table[id='mytable'] tr td:first-child").css({'background-color':'pink'});
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="mytable" >
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr >
            <td>1888</td>
            <td>Michael</td>
        </tr>

        <tr>
            <td>1886</td>
            <td>Bosco</td>
        </tr>

        <tr>
            <td>955</td>
            <td>Raj</td>
        </tr>
    </tbody>
</table>

Надеюсь, это поможет!

Answer 2

Вы должны использовать first-child селектор для td элементов:

#mytable td:first-child {
  background: red;
}