通过Jquery获取点击链接的价值?

时间:2016-09-28 10:19:24

标签: jquery html

我正在尝试获取点击链接的值但我未定义。 请找到我一直在尝试的代码:

<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。谁能告诉我哪里出错了?

3 个答案:

答案 0 :(得分:5)

您需要检索text()的{​​{1}},而不是父级的a属性。试试这个:

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

请注意,我还修复了HTML中的一些问题,即冗余的<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>tr属性,并添加了onclick以使其有效。

答案 1 :(得分:0)

你可以在锚点上检索特定的点击项目.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>

答案 2 :(得分:0)

不需要绑定jquery点击你甚至可以在你的函数中作为参数传递它并从这个参数中获取值。