ajax按钮显示内容,显示和隐藏每个Ajax请求按钮的jQuery

我已经编写了一种库存管理系统的，我加入了航运车所以它说话。我试图让界面更易于使用，并通过jQuery进行导航。 '购物车'通过会话存储在PHP中。我有一个输出所有库存的页面，我添加了允许用户从“购物车”中添加或删除每个特定物品的按钮，但只有一个按钮应基于购物车状态显示(例如，如果物品在购物车中，显示删除按钮)。显示和隐藏每个Ajax请求按钮的jQuery

Ive得到的jQuery代码乱七八糟，因为我尝试各种方法

继承人一些PHP：

if(isset($_SESSION['cart'][$row['bbn']])) {

echo "REMOVE FROM CART\n";

echo "ADD TO CART\n";

} else {

echo "ADD TO CART\n";

echo "REMOVE FROM CART\n";

}

这里的一些jQuery的：

$(".addtocart").each(function (i) {

if($(this).hasClass('active')){

$(this).siblings('.removefromcart').hide();

}

});

$(".removefromcart").each(function (i) {

if($(this).hasClass('active')){

$(this).siblings('.addtocart').hide();

}

});

// View_inventory add button

$(".addtocart").click(function(){

var $bbn = $(this).parent().attr("id");

var $object = this;

$.ajax({

url: "queue.php?action=add",

data: { bbn: $bbn },

type: 'GET',

success: function(){

$($object).hide();

$($object).siblings('.removefromcart').show('highlight');

}

});

});

$(".removefromcart").click(function(){

var $bbn = $(this).parent().attr("id");

var $object = this;

$.ajax({

url: "queue.php?action=remove",

data: { bbn: $bbn },

type: 'GET',

success: function(){

$($object).hide();

$($object).siblings('.addtocart').show('highlight');

}

});

});

任何建议，我应该如何简化这个过程？我现在开始工作了。

2011-08-15

Trey

+1

属于review.sE –