Используйте JQuery для получения определенного TD в серии таблиц

Question

У меня беспорядок тегов HTML TABLE, и я пытаюсь использовать JQuery для детализации до определенной ячейки TD во всех сгенерированных таблицах TABLE.Проблема в том, что у меня JQuery получает правильную TD-ячейку, но он получает только первую ячейку в серии TABLE с той же структурой.

Вот JQuery, который я использую, который попадает в правильный TD:

<script type="text/javascript">
    $(function ($) {
        $(".dataContent div table tbody tr td").first().css("background", "yellow");
    });
</script>

Вот упрощенная структура HTML:

<td class="dataContent">
    <a href="#"></a>
    <div>
        <table>...</table>
        <div>
            <table cellspacing="0" cellpadding="0" style="border-width:0;">
                <tbody>
                    <tr>
                        <td><a href="#"><img /></a></td><!--this cell-->
                        <td><div>random cell</div></td>
                    </tr>
                </tbody>
            </table>
            <!--Generated Tables with same structure as the TABLE above-->
            <table></table>
            <table></table>
            <table></table>
            <table></table>
        </div>
    </div>
</td>

Так что я хочу не только получить первую ячейку в первой ТАБЛИЦЕ, но и во всех сгенерированных ТАБЛИЦАХ ниже.Любая помощь будет оценена.

Answer 1

$(".dataContent div table").eq(0).find('td').eq(0) даст вам первый TD в первой таблице.

$(".dataContent div table").length даст вам количество таблиц.

Создайте цикл.легко.

Answer 2

Используйте td:first-child вместо .first(), чтобы получить все ячейки, которые являются первыми в своих строках в каждой таблице:

$(".dataContent div table tbody tr td:first-child").css("background", "yellow");

Использование селектора :first или метода .first() приводит к тому, что jQuery возвращает только самый первый элемент из всех сопоставляемых элементов, поэтому он никогда не выходит за пределы одной этой ячейки.