使用JQuery将超文本标记语言插入到DIV中
使用JQuery将超文本标记语言插入到DIV中
提问于 2011-07-08 00:36:35
我的html中有一堆嵌套在div标记中的按钮。
<div class="button-wrapper">
<button class="button-class">Click here</button>
</div>
<div class="button-wrapper">
<button class="button-class">Click here</button>
</div>
...单击该按钮将使用JQuery发布一些数据，并通过.ajax成功函数返回一些HTML.我尝试为每个被点击的按钮替换div的内容，但是由于某些原因，我的JQuery选择器似乎不工作。
在我的success函数中，我尝试执行以下操作：
$(this).parent().html(data);我知道数据正在成功发布，并且成功函数正在工作。奇怪的是，下面的代码是有效的：
$(".button-wrapper").html(data);但很明显，这会将HTML添加到每个div，而不仅仅是所单击的按钮的那个div。
有没有人知道我可能会出错的地方？
回答 6
Stack Overflow用户
回答已采纳
发布于 2011-07-08 00:41:15
在jQuery中，'this‘通常在回调中被覆盖。解决方法是使用另一个变量引用此变量：
var _this = this; //or var $_this = this;
$(_this).parent().html(data);Stack Overflow用户
发布于 2011-07-08 00:41:59
问题是在你的回调this中不再是按钮了。试试这个：
$(".button-wrapper").click(function(){
var that=this;
$.ajax(
// ...
success: function(data){
$(that).parent().html(data);
}
);
});Stack Overflow用户
发布于 2015-02-03 09:19:07
这会对你有帮助的……
$("button").click(function(){
$("div").html("Hello <b>world</b>!");
}); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6618743
复制相关文章
点击加载更多
相似问题
创建图标时无法在Asset中单击next
flutter项目的Android studio中缺少"Image Asset“选项
Android Studio - Asset Studio无法工作
在Android Image Asset Studio中删除灰色和白色方格背景
如何在android studio中打开asset studio？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
