javascript – 如何在一个项目上进行jquery remove()
作者:互联网
这是我第一次使用jquery并且我试图想要制作jquery remove(),只删除一个具有特定类的项,而不是每个具有相同类的项.
我的代码是这样的
jQuery的:
$(function() {
$(".vote").click(function()
{
var id = $(this).attr("id");
var name = $(this).attr("name");
var dataString = 'id='+ id ;
var parent = $(this);
if (name == 'up') {
$(this).fadeIn(600).html('<span class="glyphicon glyphicon-ok"></span>');
$.ajax({
type: "POST",
url: "up_vote.php",
data: dataString,
cache: false,
success: function(html) {
parent.html(html);
$(".vote").remove();
$(".escondido").css("display", "block");
}
});
}
(代码继续以其他方式投票)
单击向上按钮后,jquery代码将删除包含类投票的按钮,但如果我有2个带有类投票的按钮,则两者都将被删除.我想删除单击的一个.任何想法怎么样?
<button type="button" class="btn btn-success btn-xs vote up" name="up" id="'.$reg['id'].'">BUTTON</button>
谢谢!
解决方法:
你需要在成功回调中使用点击范围添加对此的引用,然后jQuery就像你已经jQueried其他这样:
$(function() {
$(".vote").click(function()
{
var id = $(this).attr("id");
var name = $(this).attr("name");
var dataString = 'id='+ id ;
var parent = $(this);
var _this = this;
if(name=='up')
{
$(this).fadeIn(600).html('<span class="glyphicon glyphicon-ok"></span>');
$.ajax({
type: "POST",
url: "up_vote.php",
data: dataString,
cache: false,
success: function(html)
{
parent.html(html);
$( _this ).remove();
$( ".escondido" ).css( "display", "block" );
}
});
}
});
作为奖励,这里有一个重构版本,可以节省一些cpu周期并使代码变得漂亮:
$(function() {
$(".vote").click(function()
{
var $this = $(this),
id = $this.attr("id"),
name = $this.attr("name"),
dataString = 'id='+ id;
if(name=='up')
{
$this.fadeIn(600).html('<span class="glyphicon glyphicon-ok"></span>');
$.ajax({
type: "POST",
url: "up_vote.php",
data: dataString,
cache: false,
success: function(html)
{
$this.html(html);
$this.remove();
$( ".escondido" ).css( "display", "block" );
}
});
}
});
});
标签:voting,javascript,jquery 来源: https://codeday.me/bug/20190824/1713223.html