Question

我想在单击按钮后从表中分离一行。但是，我无法将其追溯到原来的位置。我最终得到了下面的代码来分离“删除”按钮所属的行：

$(".removeTR").live('click', function (event) {
$(this).closest('tr').fadeTo(400, 0, function () {
    $(this).detach();
});
return false;
});

当我需要分离多行然后用“重置”按钮附加它们时，问题变得更加复杂。你能提出任何建议或指导我正确的逻辑吗？

Answer 1

我设法使其完全按照我想要的方式使用show（）和hide（）。这样我就不用担心定位了。但是，在处理大量表行时，我对性能表示担忧。

var trItems = $("table tr").length;
$(".resetALL").hide();

$(".removeTR").live('click', function (event) {
    $(".resetALL").fadeIn("slow");
    $(this).closest('tr').fadeOut("normal");
    var trHidden = $("table tr:hidden").length+1;
    var trRemains = trItems - trHidden;
    if (trRemains <= 3) {
        $("span").text("You must have at least " + (trRemains-1) + " products in the comparison table.");
        $(".removeTR").fadeOut("normal");
    }
});

$(".resetALL").live('click', function (event) {
    $("table tr:hidden").fadeIn("slow");
    var trItems = $("table tr").length;
    $(".removeTR").fadeIn("slow");
    $("span").text("This is the span.");
    $(".resetALL").fadeOut("normal");
});

您可以在下面看到我的工作示例：http://jsfiddle.net/YCdGQ/51/

如何将所有分离的行追加到它们的初始位置？

1 个答案: