如何使用 jquery 从 <td> 获取隐藏值

How do I get a hidden value from a <td> with jquery

本文关键字：获取 隐藏 td 何使用 jquery      更新时间：2023-09-26

在任何地方都找不到答案。我不知道如何从 jquery 上的<td>中获取隐藏值。

<td class='equis' value='8'>X</td>

我还尝试将value='8'放在<span>上，<p>等。

$('.equis').click(function(){
   var compra_id = $(this).val();
   alert("ID: "+compra_id);
});

但是compra_id没有得到"8"值。

我试图用其他几种不同的方式解决它，但在我看来，要走的路应该是与此类似的。我想做的其实很简单;希望有人能帮助我。

value只能使用表单控件上的val()进行检索。

建议改用data-属性，因为value毫无意义

<td class='equis' data-value='8'>X</td>

然后使用

$('.equis').click(function(){
   var compra_id = $(this).data('value'); 
   alert("ID: "+compra_id);
});
你不能

将 val（） 用于表数据。 试试这个：

$('.equis').click(function(){
    var compra_id = $(this).attr('value');
    alert("ID: "+compra_id);
});

你应该使用如下所示的attr。

$('.equis').click(function(){
   var compra_id = $(this).attr('value'); 
   alert("ID: "+compra_id);
});

IMO 最好，如果你可以使用数据属性，因为<td>标签中的值是无效的：

<td class='equis' data-value='8'>X</td>

在你的js中，你可以得到这样的值： 

$('.equis').click(function(){
    var compra_id = $(this).data('value');
    alert("ID: "+compra_id);
});

希望这有帮助。

$('.equis').click(function(){
  var compra_id = $(this).data('value');
  alert("ID: "+compra_id);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
     <td class='equis' data-value='8'>X</td>
  </tr>
<table>

相关文章：