javascript - 在 td 中查找第一个 div

Question

正如您在下面的 jQuery 代码中看到的那样，我指向表 td 中的第一个 div。

$('table tr td div').css("position", "relative"); 

但是我遇到了一些问题，所以我尝试了这个：

$('table tr td').parents('div:first').css({position:'relative'});

但是这个也不好用。我的代码有什么问题？

我的 HTML 结构是：

<table>
    <tr>
        <td><!-- all id for the div and image inside the td are dynamic -->
            <div><!-- Need to access this div -->
                <!-- content --->
            </div>
        </td>
    </tr>
</table>

Answer 1

.parents()找到您选择的所有父母。你想要的是一个孩子。

$('table tr td div:first').css("position", "relative"); 

这将为您解决问题:)

---

您也可能只想选择确切的后代，在这种情况下，您可以使用：

$('table tr td > div:first').css("position", "relative"); 

Answer 2

如果您想从 TD 中查找第一个 DIV 的出现，您可以使用以下 2 种方法，该类为“vx1”

$( "table tr td.vx1 > div:first" ).css( "width", "50" );

如果您想使用类“vx1”从 TH 中查找第一个 DIV 的出现，可以使用以下 2 种方法

$( "table tr th.vx1 > div:first" ).css( "width", "50" );