JQuery中使用this獲取a標(biāo)簽中的文字

我想在點(diǎn)擊a標(biāo)簽的時(shí)候使用"this"獲取這個(gè)a標(biāo)簽中的文字"按鈕1",但是彈出來(lái)的是個(gè)空字符串,求指導(dǎo)

<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>

彈出如圖:
圖片描述

回答

編輯回答

若相惜

兄弟，遇到這種錯(cuò)可以自己先調(diào)試下，很好發(fā)現(xiàn)原因的。

比如說(shuō)你這個(gè)，很可能是this并沒(méi)有指向a標(biāo)簽，而是其他對(duì)象，你是不是可以輸出一下this，看下它是指向誰(shuí)，然后順藤摸瓜，一步一步找到原因，解決問(wèn)題。javascript的this很有意思（坑）的一個(gè)點(diǎn)，一步步來(lái)，你的印象會(huì)深一點(diǎn)，比大家直接給你答案要好。

ps：調(diào)試的時(shí)候，我比較習(xí)慣用console，也建議你用這種方法，你不覺(jué)得alert調(diào)起來(lái)太麻煩了么。。。

2018年5月4日 03:07

編輯回答

糖果果

首先說(shuō)一下你的問(wèn)題出在哪里:你在a標(biāo)簽里添加了點(diǎn)擊事件調(diào)用了addTabs()這個(gè)函數(shù)。并沒(méi)有傳遞任何有關(guān)a標(biāo)簽的信息過(guò)去。此時(shí)函數(shù)中的this指向的是window

<script>
    function addTabs() {
        var text = $(this).text();
        console.log($(this)) //window對(duì)象
    }
</script>

下面是正確的寫(xiě)法：

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>

2017年10月25日 22:33

編輯回答

喵小咪

這個(gè)時(shí)候獲取的this是window 自然獲取不到你的值了

修改如下，通過(guò)參數(shù)傳遞過(guò)去
<a id="btn" onclick="addTabs(this.innerHTML)" class="easyui-linkbutton" data-options="" style="width: 100%">按鈕1</a>
<script type="text/javascript">
    function addTabs(str) {
        alert(str)
        console.log($(this));// window
    }
</script>

2018年8月31日 18:09