JQuery中使用this获取a标签中的文字

Question

我想在点击a标签的时候使用"this"获取这个a标签中的文字"按钮1",但是弹出来的是个空字符串,求指导

<a id="btn" onclick="addTabs()" class="easyui-linkbutton" data-options="" style="width: 100%">按钮1</a>

<script type="text/javascript">

       function addTabs() {

           var text = $(this).text();

           alert(text);

       }

   </script>

弹出如图:

Answer 1

首先说一下你的问题出在哪里:你在a标签里添加了点击事件调用了addTabs()这个函数。并没有传递任何有关a标签的信息过去。此时函数中的this指向的是window<script>&nbsp; &nbsp; function addTabs() {&nbsp; &nbsp; &nbsp; &nbsp; var text = $(this).text();&nbsp; &nbsp; &nbsp; &nbsp; console.log($(this)) //window对象&nbsp; &nbsp; }</script>下面是正确的写法：html:<a id="btn" onclick="addTabs(this)" class="easyui-linkbutton" data-options="" style="width: 100%">按钮1</a>javascript:<script>&nbsp; &nbsp; function addTabs(obj) {&nbsp; &nbsp; &nbsp; &nbsp; var text = $(obj).text();&nbsp; &nbsp; &nbsp; &nbsp; console.log(text);&nbsp; &nbsp; }</script>