我有一個(gè)包含 7 列的 HTML 表格。當(dāng)我選擇一列時(shí)，我希望隱藏所有其他列，除了所選列旁邊的列。需要明確的是，一次只需要顯示 2 列 - 這些是選中的列和旁邊的列。如果所選列的右側(cè)有一列，則該列應(yīng)與所選列一起顯示，否則（選擇最后一列）左側(cè)的列應(yīng)與所選列一起顯示。我嘗試使用循環(huán)，但問題是用戶可以從表中選擇任何列。我的代碼：    var I = document.getElementsByTagName("th").length;    if(s=== I-1) { // s - index of selected column- check if its the last column        for (var D = 0; D < I-2; D++) {            var o = datatable.column(D);            o.visible(!o.visible());        }    } else {        for (var D = 0; D < s; D++) {                                        var o = datatable.column(D);            o.visible(!o.visible());        }        for (var D = s+1; D < I; D++) {                                     var o = datatable.column(D);            o.visible(!o.visible());                       }   }我的 HTML：<table id="DataTables_Table_0" >    <thead>        <tr role="row" style="height: 0px;">            <th>                <div>Pro</div>            </th>            <th>                <div>Pri</div>            </th>            <th>                <div>State</div>            </th>            <th>                <div>phyId</div>            </th>            <th>                <div>Title</div>            </th>            <th>                <div>Origin</div>            </th>            <th>                <div>type</div>            </th>        </tr>問題的更新：我可以始終與用戶選擇的列一起選擇第一列。所以這意味著我不必從表中手動選擇相鄰的列。我剛剛修改了代碼：for (var D = 1; D < I/2 ; D++) {                             if (D !== s ) {                                var o = f.datatable.column(D);                                o.visible(!o.visible());                            }                        }現(xiàn)在它按預(yù)期工作。實(shí)際上這是為表格數(shù)據(jù)生成折線圖?，F(xiàn)在我得到了一個(gè)折線圖，但我很困惑折線圖是否確實(shí)如預(yù)期的那樣。我的意思是我附上了折線圖的屏幕截圖，但看起來還有很多事情要做。很抱歉沒有提及折線圖，因?yàn)槲艺J(rèn)為這會使問題變得更加復(fù)雜和混亂。折線圖與我的表格究竟應(yīng)該如何搭配。