javascript - 如何在 jquery(或 javascript)中选择相邻元素

Question

我有这样的 HTML 代码:

<tr id="15">
    <td id="NV">1</td>
    <td class="hidden-mob">
        <a href="page.php"><i id="c-voteup" class="fa fa-caret-up"></i></a>
    </td>
<tr>

<tr id="16">
    <td id="NV">1</td>
    <td class="hidden-mob">
        <a href="page.php"><i id="c-voteup" class="fa fa-caret-up"></i></a>
    </td>
<tr>

现在我想增加第一个<td>的值其中<tr>我点击它的 <i> (邻居 <td>)。

例如:如果我点击 <i>其中 <tr id="15">然后我想增加它的值 <td>像这样:<td id="NV">2</td> .可能吗？

这是我的尝试:我无法完全实现它，只是我对它的了解是零散的......

$("i").click(function(e) {}                            // when click on <i>

var value =  $("#NV").text().replace(/[^0-9]/g, '');   // getting current value

value++;                                              // increase its value

$("#NV").html(value);                                 // writing new value

只是我的问题是选择，如何选择 $("#NV")我点击了 <i>在同一<tr> ？

Answer 1

试试这个:

$("i").click(function (e) { // when click on <i>

    var $nv = $(this).closest('tr').find(".NV");
    var value = $nv.text().replace(/[^0-9]/g, ''); // getting current value

    value++; // increase its value

    $nv.html(value);

});

• 请将所有 #NV id 更改为类，因为 ID 在 DOM 中应该是唯一的。