更新特定行的特定列 - jQuery

Question

我有这个 jquery 代码

console.log($('#tr-' + notificationInstanceId));

返回

n.fn.init [a#tr-fg, context: document, selector: "#tr-fg"]

它向您展示了选择的工作原理。

现在，我想更新该行的第 6 列 - 所以我做了

$('#tr-' + notificationInstanceId).find('td').eq(6).hide;

$('#tr-' + notificationInstanceId).find('td:eq(1)').eq(6).hide;

似乎没有任何效果。我做错了什么？

HTML

<tbody>

    <tr>

        <td>1</td>

        <td>

            <a href="/a/OS/iii/1?instanceId=OS&amp;ip=1.1.1.1&amp;port=8008&amp;h=509A4CDB9AB2&amp;nae=OS&amp;nodeName=B-Z" id="tr-OS">

                OS

            </a>

        </td>

        <td>2</td>

        <td>

            8.4 GB

        </td>

        <td> NA </td>

        <td class="state-OS">running</td>

        <td>

        </td>

    </tr>

    <tr>

        <td>2</td>

        <td>

            <a href="/a/bu-uu/iii/1?instanceId=bu-uu&amp;ip=1.1.1.1&amp;port=8008&amp;h=509A4CDB9AB2&amp;nae=bu-uu&amp;nodeName=B-Z" id="tr-bu-uu">

                bu-uu

            </a>

        </td>

        <td>0</td>

        <td>

            0.0 GB

        </td>

        <td> NA </td>

        <td class="state-bu-uu">not instantiated</td>

        <td>

        </td>

    </tr>

    <tr>

        <td>3</td>

        <td>

            <a href="/a/fg/iii/1?instanceId=fg&amp;ip=1.1.1.1&amp;port=8008&amp;h=509A4CDB9AB2&amp;nae=fg&amp;nodeName=B-Z" id="tr-fg">

                fg

            </a>

        </td>

        <td>0</td>

        <td>

            0.0 GB

        </td>

        <td> NA </td>

        <td class="state-fg">not instantiated</td>

        <td>

        </td>

    </tr>

</tbody>

Answer 1

.find()用于查找元素的后代。表的第 6 列不是 的后代#tr-fortiGate。您需要转到包含<tr>，然后找到所需的孩子。使用类选择器比对列号进行硬编码要好一些，恕我直言。它允许您重新排列列而无需更新代码。$("#tr-"&nbsp;+&nbsp;notificationIsntanceId).closest("tr").children("td[class^=state-]")