gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 23:11:09 24 4
gpt4 key购买 nike

我有这样的 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>

最佳答案

试试这个:

$("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 中应该是唯一的。

关于javascript - 如何在 jquery(或 javascript)中选择相邻元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32526097/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com