我有这样的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更改为class,因为ID在DOM中应该是唯一的。本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句