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");