在td中找到第一个div

Question

我指向我表td中的第一个div，你可以在下面的jQuery代码中看到。

$('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类'vx1'中查找第一个DIV，可以使用以下2种方法

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

如果要从TH的类'vx1'中找到第一个DIV，可以使用以下2种方法

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