обновить конкретный столбец определенной строки - jQuery - PullRequest
Новая
       9

обновить конкретный столбец определенной строки - jQuery

0 голосов
/ 19 июня 2019

У меня есть этот код 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>

1 Ответ

2 голосов
/ 19 июня 2019

.find() для поиска потомков элемента. 6-й столбец таблицы не является потомком #tr-fortiGate. Вам нужно подойти к содержащему <tr>, а затем найти нужного потомка этого.

Использование селектора классов немного лучше, чем жесткое кодирование номера столбца, ИМХО. Это позволяет вам переставлять столбцы без обновления кода. 

$("#tr-" + notificationIsntanceId).closest("tr").children("td[class^=state-]")
...