我如何从 <td> 用jQuery

Question

在任何地方都找不到答案。 我不知道如何从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”值。

我试图以其他几种不同的方式解决它，但在我看来，前进的道路应该与此类似。 我想做的实际上很简单； 希望有人可以帮助我。

Answer 1

您不能将val（）用于表数据。 试试这个代替：

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

Answer 2

value只能在窗体控件上使用val()检索。

建议改用data- attribute属性，因为value没有意义

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

然后使用

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

Answer 3

您应该像下面那样使用attr 。

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

Answer 4

如果您可以使用数据属性，则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>