如何使用jquery获取单击按钮的特定值

Posted 2021-03-26

我有关于获取特定表行的值的问题，当我单击第一个按钮时，他们获得所有值。但是当我点击第二个按钮本身的值显示

目标：我想获得特定表行的价格值。

我这里有我的Click功能

$("button.removeorderWithCondi").on("click", function() {


     var parent = $(this).closest(".condimentParent");
     var get_parent_price  = $(this).closest("tr").find(".total").text();

     console.log(get_parent_price);


});

问题：

答案

可能更好的选择是将值与按钮强烈关联，而不是依赖可能会或可能不会更改的html结构。你可以使用data attribute。这样做的另一个好处是，如果格式化显示值，则可以使用原始值。

您将拥有以下内容：

$("button.removeorderWithCondi").on("click", function() {
     var price  = $(this).data("value");
     console.log(price);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<button class="removeorderWithCondi" data-value="5.00">Delete</button>

另一答案

我假设你的html表将在这个结构中，希望这解决了你的问题，谢谢

$('.getprice').click(function(e){
console.log($(this).parent().prev().text())
})

td
{
border:1px solid;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<th>Price</th>
<th>Action</th>
</tr>
<tr>
<td>20</td>
<td><button class="getprice">Click</button></td>
</tr>
<tr>
<td>0.00</td>
<td></td>
</tr>
<tr>
<td>0.00</td>
<td></td>
</tr>
<tr>
<td>50</td>
<td><button class="getprice">Click</button></td>
</tr>

</tbody>

</table>

以上是关于如何使用jquery获取单击按钮的特定值的主要内容，如果未能解决你的问题，请参考以下文章

如何在模式内单击按钮时使用 jQuery 或 javascript 获取引导模式的数据值？

单击提交后如何获取选定的单选按钮以显示特定的隐藏 div？

一旦单击带有 in 片段的回收器列表项，如何将片段意向活动，以及如何获取回收器项目值？

从 Activity 到特定选项卡/片段的按钮 OnClick

如何从Android中的片段单击按钮打开片段

按钮单击时从1活动移动到特定片段。