javascript - 在jquery中通过this获取其他函数上的DOM元素的访问

Question

我有一个按钮

<button type="button" data-id="5" class="get_attr" >Click Me</button>

我想获取data-id值，然后编写代码

<script type="text/javascript">
    $(".get_attr").on("click",function(){
        var id = $(this).data("id");
        console.log("id = "+id);  //id = 5
    });
</script>

假设我想要这个值，或者从另一个函数在这个按钮上执行任何功能，如果我从这段代码调用函数，就像我想要这样的:

<script type="text/javascript">
    $(".get_attr").on("click",function(){
        updateValue(this);
    });

    function updateValue(this){ // it will take it as a parameter
        var id = $(this).data("id");
        console.log("id = "+id);  //id = 5
    }
</script>

Answer 1

您不能使用“this”，因为它是 Javascript 关键字

<script type="text/javascript">
$(".get_attr").on("click",function(){
    updateValue(this);
});

function updateValue(abc){ // it will take it as a parameter
    var id = $(abc).data("id");
    console.log("id = "+id);  //id = 5
}

现在工作正常了...