使用javascript / jquery获取单击链接的文本

Question

如何获取点击链接的值？

这是我的HTML：

<div id="results">
   <ul>
       <li>
          <a href="">1</a>
      </li>
      <li>
          <a href="">2</a>
      </li>
   </ul>
</div>

这是我尝试获取值的方式：

$('#results').on('click', 'a', function (){
   var text = $(this).innerHTML;
});

我错过了什么？有更好的方法吗？

提前致谢：）

Answer 1

您正在尝试在jQuery元素上调用本机DOM属性。

如果您使用jquery元素，请使用html()或text()，而不是innerHTML，或使用this.innerHTML：

$('#results').on('click', 'a', function (){
   var text = this.innerHTML;
});

使用text()会清除HTML工件中的字符串，因此它可能就是您所需要的。

Answer 2

$('#results').on('click', 'a', function (){
   var text = $(this).text();
});

Answer 3

您可以使用以下内容。

$('#results').on('click', 'a', function (){
   var text = $(this).html();
});