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>

    function addTabs() {

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

        console.log($(this)) //window对象

    }

</script>

下面是正确的写法：

html:

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

javascript:

<script>

    function addTabs(obj) {

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

        console.log(text);

    }

</script>