Javascript 在jquery中,通过此函数获取对其他函数上DOM元素的访问权
我有一个Javascript 在jquery中,通过此函数获取对其他函数上DOM元素的访问权,javascript,jquery,Javascript,Jquery,我有一个按钮 <button type="button" data-id="5" class="get_attr" >Click Me</button> 不能在函数定义中使用保留关键字。它只需在定义中使用另一个名称即可 <script type="text/javascript"> $(".get_attr").on("click",function(){ updateValue(this); });
按钮
<button type="button" data-id="5" class="get_attr" >Click Me</button>
不能在函数定义中使用保留关键字。它只需在定义中使用另一个名称即可
<script type="text/javascript">
$(".get_attr").on("click",function(){
updateValue(this);
});
function updateValue(originalObject){ // it will take it as a parameter
var id = $(this).data("id");
console.log("id = "+id); //id = 5
}
</script>
$(.get_attr”)。在(“单击”,函数()上{
更新值(本);
});
函数updateValue(originalObject){//它将把它作为一个参数
var id=$(this.data(“id”);
console.log(“id=”+id);//id=5
}
由于此
是保留字,请将参数名称从此
更改为更新值(thatObj)
中的其他类似项
$(.get_attr”)。在(“单击”,函数()上{
更新值(本);
});
函数updateValue(thatObj){
var id=$(thatObj).data(“id”);
console.log(“id=”+id);
}
单击我试试这个
$(.get_attr”)。在(“单击”,函数()上{
var id=$(this.data(“id”);
console.log(“id=”+id);//id=5
});
$(.get_attr”)。在(“单击”,函数()上{
更新值(本);
});
函数updateValue(x){//它将把它作为一个参数
变量id=$(x).数据(“id”);
console.log(“id=”+id);//id=5
}
单击我
您不能使用“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
}
$(.get_attr”)。在(“单击”,函数()上{
更新值(本);
});
函数updateValue(abc){//它将把它作为一个参数
变量id=$(abc).data(“id”);
console.log(“id=”+id);//id=5
}
现在它工作正常了…的可能重复的可能重复您不能有一个名为this
的参数-调试101:在开发人员工具控制台中,您会看到一个关于此的错误
<script type="text/javascript">
$(".get_attr").on("click",function(){
updateValue(this);
});
function updateValue(originalObject){ // it will take it as a parameter
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(abc){ // it will take it as a parameter
var id = $(abc).data("id");
console.log("id = "+id); //id = 5
}