鍍金池/ 問答/HTML/ 為什么總是獲取不到a標(biāo)簽的自定義屬性？

為什么總是獲取不到a標(biāo)簽的自定義屬性？


<a class="button button-glow button-border button-rounded button-primarybtn-xs" onclick="clickBtn();return false;"  data-href="/cancel/2">取消</a>


    function  clickBtn() {
        var data_href=$(this).attr("data-href");
        alert(data_href);//undefined
    }

請(qǐng)問 為什么獲取不到a標(biāo)簽的自定義屬性？？？

回答
編輯回答
夢(mèng)一場

jquery有現(xiàn)成的data方法不用，非要去用attr....

<a id="demo" data-href="test">取消</a>

$("#demo").on('click', function(){
    console.log($(this).data("href"));
});

極其不推薦使用onclick()這樣的方式寫點(diǎn)擊事件，其他事件也是一樣的，耦合太高，可維護(hù)性極低。
極其不推薦使用onclick()這樣的方式寫點(diǎn)擊事件，其他事件也是一樣的，耦合太高，可維護(hù)性極低。
極其不推薦使用onclick()這樣的方式寫點(diǎn)擊事件，其他事件也是一樣的，耦合太高，可維護(hù)性極低。

2017年8月10日 10:14
編輯回答
心上人

你需要通過JQuery綁定事件監(jiān)聽器才能使用$(this)獲取目標(biāo)元素:

<a id="click" data-href="11">取消</a>

$('#click').click(function  clickBtn() {
    var data_href=$(this).attr("data-href");
    console.log(data_href);//11
})
2017年5月12日 00:14
編輯回答
離魂曲

原生的js事件和jQuery的事件混寫的錯(cuò)誤，因?yàn)閖Query對(duì)象和dom對(duì)象是不一樣的，如果你非得這樣混寫，就要實(shí)現(xiàn)兩種不同的對(duì)象的轉(zhuǎn)換

2018年3月18日 23:29
編輯回答
柚稚

問題已經(jīng)解決，漏掉了參數(shù)



<a class="button button-glow button-border button-rounded button-primarybtn-xs" onclick="clickBtn(this);return false;"  data-href="/cancel/2">取消</a>


    function  clickBtn(dom) {
        var data_href=$(dom).attr("data-href");
        alert(data_href);//undefined
    }
2017年6月19日 21:10