鍍金池/ 問答/Java  UI  HTML/ JQuery中使用this獲取a標(biāo)簽中的文字

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

我想在點(diǎn)擊a標(biāo)簽的時候使用"this"獲取這個a標(biāo)簽中的文字"按鈕1",但是彈出來的是個空字符串,求指導(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>

彈出如圖:
圖片描述

回答
編輯回答
若相惜

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

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

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

2018年5月4日 03:07
編輯回答
糖果果

首先說一下你的問題出在哪里:你在a標(biāo)簽里添加了點(diǎn)擊事件調(diào)用了addTabs()這個函數(shù)。并沒有傳遞任何有關(guān)a標(biāo)簽的信息過去。此時函數(shù)中的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>
2017年10月25日 22:33
編輯回答
喵小咪
這個時候獲取的this是window 自然獲取不到你的值了

修改如下，通過參數(shù)傳遞過去
<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