如何从jquery中获取隐藏值

时间:2016-02-23 19:03:15

标签: javascript jquery html

无法在任何地方找到答案。我不知道如何在jquery上从#include获取隐藏值。

<td>

我还尝试将<td class='equis' value='8'>X</td> 放在value='8'上,<span>等等。

<p>

但是$('.equis').click(function(){ var compra_id = $(this).val(); alert("ID: "+compra_id); }); 并没有获得&#34; 8&#34;值。

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

4 个答案:

答案 0 :(得分:2)

你不能对表格数据使用val()。试试这个:

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

答案 1 :(得分:2)

只能在表单控件上使用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);
});

答案 2 :(得分:1)

您应该使用attr,如下所示。

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

答案 3 :(得分:1)

如果您可以使用 data 属性,则更好IMO,因为<td>标记中的值不是valide:

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

在你的js中,你可以获得如下值:

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

希望这有帮助。

&#13;
&#13;
$('.equis').click(function(){
  var compra_id = $(this).data('value');
  alert("ID: "+compra_id);
});
&#13;
<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>
&#13;
&#13;
&#13;