我想使用jQuery为我的网站添加类似的功能,但我的元素选择器不起作用。
HTML:
<a class="btn-like" id="1">2</a>
JQUERY(HTML无效):
$( document ).ready(function() {
$(".btn-like").click(function() {
var like_id = $(this).attr("id");
$('a.btn-like#'+like_id).html('Loading ...');
$.ajax({
type: "POST",
url: "like.php",
data: 'item_id='+like_id,
cache: false,
success: function(data) {
$('a.btn-like#'+like_id).html(data);
alert(data); //correct response
$('a.btn-like#'+like_id).addClass('liked');
}
});
return false;
});
});
JQUERY(HTML工作):
$( document ).ready(function() {
$(".btn-delete").click(function() {
var item_id = $(this).attr("id");
$('a.btn-delete#'+item_id).html('Loading ...');
$.ajax({
type: "POST",
url: "post.php",
data: 'item_id='+item_id,
cache: false,
success: function(data) {
$('div#post_'+item_id).remove();
}
});
return false;
});
});
ajax帖子的响应是正确的。但是.html
更新不起作用
单击链接后,内容不会更改。
对于锚点标记,您应该更新text属性。
$('a.btn-like#'+like_id).text(data);