jquery - 通过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 使其成为有效。