Javascript &引用;这";功能工作不正常

Javascript &引用;这";功能工作不正常,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一张桌子有很多桌子。当我点击这个按钮时,我希望td中有一些html元素。如何使用“this”解这个函数 $(文档).ready(函数(){ $(“按钮”)。单击(功能clickMe(e){ $(this.html(“this is hai”) }); }); 表td{ 边框:1px实心; 边框颜色:浅灰色; 溢出:隐藏; 高度:17px; /*最大高度:10px*/ } 点击我 更改为: 运输署 $(文档).ready(函数(){ $(“#table_id td”)。在(“单击”,函

我有一张桌子有很多桌子。当我点击这个按钮时,我希望td中有一些html元素。如何使用“this”解这个函数

$(文档).ready(函数(){
$(“按钮”)。单击(功能clickMe(e){
$(this.html(“this is hai”)
});
});
表td{
边框:1px实心;
边框颜色:浅灰色;
溢出:隐藏;
高度:17px;
/*最大高度:10px*/
}

点击我
更改为:


运输署
$(文档).ready(函数(){
$(“#table_id td”)。在(“单击”,函数(){
$(this.html(“this is hai”);
})
})        

那么您想继续使用clickMe功能吗?然后,您应该将其全局放置并删除该参数,这是不必要的

顺便说一句:复制ID是一种不好的做法,但它仍然可以工作:

编辑:您应该使用
onclick=“clickMe.call(this)”
将当前元素绑定到clickMe函数中的
this

函数clickMe(){
$(this.html(“this is hai”)
}
$(文档).ready(函数(){
$(“按钮”)。单击(单击我);
});
表td{
边框:1px实心;
边框颜色:浅灰色;
溢出:隐藏;
高度:17px;
/*最大高度:10px*/
}

点击我
$(文档).ready(函数(){
$(“#table_id td”)。在(“单击”,函数(){
$(this.html(“this is hai”);
});
});
#表id td{
边框:1px实心;
边框颜色:浅灰色;
溢出:隐藏;
高度:17px;
}
#表号{
宽度:100%;
}

如果您只想将内容放置在容器中,或者只需尝试以下操作:

//我不清楚你到底想要什么,如果这不是你想要的。给我一个不正确的评论,我会尝试编辑goodluck

$('my#u按钮')。在('click',function()上{
$('place#u here').html(“这是hai”)
});
表td{
边框:1px实心;
边框颜色:浅灰色;
溢出:隐藏;
高度:17px;
/*最大高度:10px*/
}

点击我

您需要了解和如何工作,您的代码根本没有意义。记住ID应该是唯一的,如果需要在一个页面上多次实现它,那么最好使用类。我创建了一个演示,这样您就可以理解脚本应该如何工作

我让你的按钮在点击时会填充3个td,请注意,我在jQuery按钮点击事件中引用了带有ID的td。填充TD后,您可以单击每个TDs,它将输出其HTML内容。请参见下面的脚本

$(文档).ready(函数(){
$(“按钮”)。单击(功能(e){
$(“#td1”).html(“这是在td1显示的hai”);
$(“#td2”).html(“这是td2显示的hai”);
$(“#td3”).html(“这是td3显示的hai”);
});
window.clickMe=函数(数据){
警报(jQuery(data.html());
}
});
表td{
边框:1px实心;
边框颜色:浅灰色;
溢出:隐藏;
高度:17px;
/*最大高度:10px*/
}

点击我

1。ID应该是唯一的。2.
clickMe
是本地的
ready()
。3.
.html(
中应该没有空格,而且一旦您将id更改为类(更可取),那么您可以在jquery$('.container')中使用。在('click',函数clickMe(e){…})上,并从html中删除onclick。请使用这个try@manupadmanabhanalready为我提供一个完美的脚本修复了它@manupadmanabhan?