如何使用 jquery 获取 html 中 tr 标签内的所有 td 标签值

Question

我想获取 tr 标签内的所有 td 值。 td 之一是按钮。所以当我点击按钮时我应该得到当前的 td 值。我试过这样的事情。但它不起作用。

<tr class="danger">
<td><input type="text" value="5" id="cash" /></td>
<td><input type="text" value="20" id="turnover"/></td>
<td><input type="button" value="Update" id="update"/></td>
</tr>

$("#update").click(function(){

// Please suggest some logic here
});

有人可以在 Jquery 部分帮助我吗？我想在单击更新按钮时获取现金和营业额值。

Answer 1

你可以这样做：

$("#update").click(function(){      
   alert(('#cash').val()+' '+$('#turnover').val());
});

Answer 2

我做了一个jsFIDDLE 例如，我把它放在警报和控制台日志中 window。我不知道你是否想用这些值做一些数学运算，在那种情况下你必须使用 parseInt() 函数 parseInt explanation

$("#update").click(function(){
    $('input[type="text"]').each(function(){

      alert($(this).val());
      /* or for example */
      //console.log($(this).val());

    });
});

如何使用 jquery 获取 html 中 tr 标签内的所有 td 标签值

How to get all td tag value that are inside tr tag in html using jquery

html

jquery

html-table