更新特定行的特定列 - 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-" + notificationIsntanceId).closest("tr").children("td[class^=state-]")