Javascript 函数（）{如果淡出，则追加}不起作用

我知道jQueryUI的可排序选项，但拖放不是我想要的

由于手风琴的布局方式，我认为为了对它们进行分类，最好的方法是更改id，尽管听起来不安全

这就是我的手风琴的样子

复制代码

<table style="background: none repeat scroll 0% 0% rgb(186, 218, 85); display: none;" tabindex="-1" aria-selected="false" aria-controls="ui-accordion-accordion1-panel-2" id="ui-accordion-accordion1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    <tbody>
        <tr>
            <td>... Yadayada, content. End table tags.

... Yadayada，内容。结束表标记。

这是我使用的代码

function pagination() {
    for (var i = 0; i < 10 ; ++i) {
        var k = i * 1000;
        var j = i * 100;
        var index;
        console.log("aftervar " + i);
        if ($("#ui-accordion-accordion1-header-" + i).css("display") == "none") {
            $("#ui-accordion-accordion1-header-" + i).attr("id", "ui-accordion-accordion1-header-" + j);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "ui-accordion-accordion1-panel-" + j);
            index = $("#ui-accordion-accordion1-header-" + j);
            $("#accordion1").append($("#ui-accordion-accordion1-header-" + j));
            console.log("if " + i);
        } else {/*
            k += 1;
            $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + k);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + k);*/
        }
    }
    $("#tabs-1 table:nth-of-type(odd)").css("background", "#BADA55");
    $("#tabs-1 table:nth-of-type(even)").css("background", "#FFFFFF");
    $("#table-headings").css("background", "#FFFFFF");
}

函数分页（）{
对于（变量i=0；i<10；++i）{
var k=i*1000；
var j=i*100；
var指数；
console.log（“aftervar”+i）；
if（$（“#ui-accordion-accordion1-header-”+i）.css（“显示”）==“无”）{
$（“#ui-accordion-accordion1-header-”+i）.attr（“id”，“ui-accordion-accordion1-header-”+j）；
$（“ui-accordion-accordion1-panel-”+i）.attr（“id”，“ui-accordion-accordion1-panel-”+j）；
索引=$（“#ui-accordion-accordion1-header-”+j）；
$（“#accordion1”）。追加（$（“#ui-accordion-accordion1-header-“+j”）；
控制台日志（“如果”+i）；
}否则{/*
k+=1；
$（“#ui-accordion-accordion1-header-”+i）.attr（“id”，“#ui-accordion-accordion1-header-”+k）；
$（“#ui-accordion-accordion1-panel-”+i）.attr（“id”，“#ui-accordion-accordion1-panel-”+k）*/
}
}
$（“#tabs-1表：第n个类型（奇数）”）.css（“背景”，“#BADA55”）；
$（“#tabs-1表：第n个类型（偶数）”）.css（“背景”，“#FFFFFF”）；
$（“#表格标题”）.css（“背景”，“#FFFFFF”）；
}

我在用身份证来分类。另一个问题是，附件没有正常工作（事实上，我在其中放了一个console.log，似乎if语句有时不运行）。元素停留在原来的位置，附加的通常是id的文本，或者根本没有

---

有人在这个问题上帮助了我。他警告我不要使用id，但告诉我看到淡出和淡出是多么不可靠。我只知道用按钮把这两个分开

$（“#ab-4”）.fadeOut（）；
$（“#ab-7”）.fadeOut（）；
函数foo（）{
对于（变量i=0；i<10；++i）{
var-k；
var j=10+i；
如果（$（“#ab-”+i）.css（“显示”）=“无”）{
$（“#ab-”+i）.html（i+“（不同）”）；
$（#ab-“+i）.attr（“id”，“ab-”+j）；
$（“.wrapper”）.append（$（“#ab-”+j））；
}否则{
$（“#ab-”+i）.html（i+“（相同）”）；
}
$（“表：第n种类型（奇数）”）.css（“背景”、“橙色”）；
$（“表：第n个类型（偶数）”）.css（“背景”、“白色”）；
}
}
//设置超时（foo，10000）；
函数seeme（）{
$（“#ab-4”）.fadeIn（）；
//$（“#ab-7”）.fadeIn（）；
//$（“#ab-14”）.fadeIn（）；
$（“#ab-17”）.fadeIn（）；
};

什么是var“index”？它只是试图传递jquery accordion的id。我试着附加它。

$("#ab-4").fadeOut();
$("#ab-7").fadeOut();

function foo() {
    for (var i = 0; i < 10; ++i) {
        var k;
        var j = 10 + i;
        if ($("#ab-" + i).css("display") == "none") {
            $("#ab-" + i).html(i + " (different)");
            $("#ab-" + i).attr("id","ab-" + j);
            $(".wrapper").append($("#ab-" + j));
        } else {
            $("#ab-" + i).html(i + " (Same)");
        }
        $("table:nth-of-type(odd)").css("background", "orange");
        $("table:nth-of-type(even)").css("background", "white");
    }
}

//setTimeout(foo, 10000);

function seeme() {
$("#ab-4").fadeIn();
//$("#ab-7").fadeIn();
//$("#ab-14").fadeIn();
$("#ab-17").fadeIn();
};