通过Jquery获取点击链接的值？

Question

我想获取点击链接的价值，但我越来越未定义。 请发现我一直在试图代码：

<table id="tableData" style="width: 100%;"> 
    <tr> 
     <tr> 
      <td><a onClick="changeValue();">Apple</a> </td> 
      <td>23-May-2016</td> 
     </tr> 
</table> 

$(document).on('click', '#tableData td a', function() { 
    alert($(this).parent().attr('value')); 
}); 

现在，当我在Apple点击我应该得到的值Apple但我得到的是undefined。任何人都可以告诉我我要去哪里吗？

Answer 1

您需要检索a的text()，而不是母公司的value属性。试试这个：

$(document).on('click', '#tableData td a', function(e) { 
 
    e.preventDefault(); 
 
    console.log($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tableData" style="width: 100%;"> 
 
    <tr> 
 
    <td><a href="#">Apple</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
</table>

请注意，我也固定在你的HTML，即冗余tr和onclick属性的一些问题，并增加了一个href，使之有效。

Answer 2

你可以在.text（）然后它的作品中找到锚点上的特定点击项目。试一次

$(document).on('click', '#tableData td a', function() { 
 
    var value = $(this).text(); 
 
    alert(value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tableData" style="width: 100%;"> 
 
    <tr> 
 
    <td><a href="#">Apple</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
    <tr> 
 
    <td><a href="#">Nokia</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
    <tr> 
 
    <td><a href="#">SamSung</a></td> 
 
    <td>23-May-2016</td> 
 
    </tr> 
 
</table>

Answer 3

无需绑定的jQuery的点击，你甚至可以在你的函数传递这是一个PARAM，并从这个参数的值。