javascript - 在 jQUERY 中 onclick href 后传递文本

Question

我想从onclick href获取文本，特别是当class =“bank cur”时，同时获取data-name =“ build 银行”

但是它不起作用。在函数中我没有什么可传递的。请帮助如何获取文本的值。

    <ul class="bank_list">
     <li class="bank_1" data-name="建设银行"><a href="javascript:void(0)" class="bank cur"></a></li>
 <li class="bank_2" data-name="CHINA BANK"><a href="javascript:void(0)" class="bank "></a></li>
 <li class="bank_3" data-name="OCBC BANK"><a href="javascript:void(0)" class="bank "></a></li>

并传递它以将选择银行更改为 build 银行:

<em name="bankName" id="bankNameList">选择银行</em>

j查询:

$(".bank").click(function(){
            $(".bank").removeClass('cur')     
            $(this).addClass('cur')
    })


    $(".add_bankcard").click(function () {
        $(".binding_bankcard_input").css("display","block")

    }); 

    $("#bankNameList").click(function () {
        $(".tikuan_bank").css("display","block")

    }); 

Answer 1

您正在向 anchor 添加点击事件，但您要读取的所有数据属性都在 li 上。所以你需要在父元素上使用data()。

$(".bank").click(function(){             
    $(".bank").removeClass('cur');    
    $(this).addClass('cur');
    var name = $(this).parent("li").data("name");
    console.log(name);
});