Javascript 我想知道如何分配使用“创建”创建的多个表的索引值&书信电报;c:forEach>&引用;标签

Javascript 我想知道如何分配使用“创建”创建的多个表的索引值&书信电报;c:forEach>&引用;标签,javascript,jquery,jstl,Javascript,Jquery,Jstl,从表中选择列并输出其内容没有问题。然而,当从两个或多个表输出内容时,存在一个问题,即选中位置的值的索引重叠。在下例中,如果勾选了上表的第六列RESI_COST,则会自动选择下表的第六个索引FP_CAREER。如果选中了下表的第八个索引OCCP_GRP_1,则第八个索引FP_CAREER也会被选中 下面的代码创建了多个表 <body> <c:forEach var="j" begin="0" end="${rData.size()-1}"> &l

从表中选择列并输出其内容没有问题。然而,当从两个或多个表输出内容时,存在一个问题,即选中位置的值的索引重叠。在下例中,如果勾选了上表的第六列RESI_COST,则会自动选择下表的第六个索引FP_CAREER。如果选中了下表的第八个索引OCCP_GRP_1,则第八个索引FP_CAREER也会被选中

下面的代码创建了多个表

<body>

    <c:forEach var="j" begin="0" end="${rData.size()-1}">



    <table id="sum_table" border="1">
         <thead>
            <tr>
                <c:forEach var="colName" items="${rData.get(j).colNames}">
                    <c:forEach var="colNameValue" items="${colName}">
                        <th><input class="chkCol" name="chkColnames" type="checkbox">
                            <label class="chkCol" for="chkColnames">${colName}</label></th>
                    </c:forEach>
                </c:forEach>
            </tr>
         </thead>
         <tbody>
            <c:forEach var="i" begin="0"
                end="${fn:length(rData.get(j).data[0])-1}">
                <c:if test="${i le 1000}">
                    <c:set var="row" value="${rData.get(j).data}" />
                    <tr>
                        <c:forEach var="data" items="${row}">
                            <td>${data[i]}</td>
                        </c:forEach>
                    </tr>
                </c:if>
            </c:forEach>
         </tbody>
        </table>
    </div>      
  </c:forEach>
</body>

${colName}
${data[i]}
以下代码检索索引值并输出选中列的信息

    $(document).on('click', '#confirm', function() {
           var index = [];

           $('#col_table').html('');

           $('#sum_table thead tr input[type=checkbox]:checked').each(function() {
             index.push($(this).closest('th').index());
           });

           var thead = $('<thead>');
           $('#sum_table thead tr th').each(function() {
             if (jQuery.inArray($(this).index(), index) != -1) {
               thead.append($('<th>' + $(this).text() + '</th>'));
               //console.log($(this).text());
             }
           });


           var tbody = $('<tbody>');
           $('#sum_table tbody tr').each(function() {
             var tr = $('<tr>');
             $(this).find('td').each(function() {
               if (jQuery.inArray($(this).index(), index) != -1) {
                 tr.append($('<td>' + $(this).text() + '</td>'));
                 //console.log($(this).text());
               }
             });
             tbody.append(tr);
           });
           $('#col_table').append(thead);
           $('#col_table').append(tbody);
         });
$(文档)。在('单击','确认',函数()上){
var指数=[];
$('col#u table').html('';
$('#sum_table thead tr input[type=checkbox]:checked')。每个(函数(){
index.push($(this.closest('th').index());
});
变量thead=$('');
$('#sum_table thead tr th')。每个(函数(){
if(jQuery.inArray($(this.index(),index)!=-1){
thead.append($(''+$(this.text()++');
//console.log($(this.text());
}
});
var tbody=$('');
$('#sum_table tbody tr')。每个(函数(){
var tr=$('');
$(this).find('td').each(function(){
if(jQuery.inArray($(this.index(),index)!=-1){
tr.append($(''+$(this.text()++');
//console.log($(this.text());
}
});
tbody.append(tr);
});
$('col#u table')。追加(thead);
$('col#u table')。追加(tbody);
});
如果你能解决索引值重叠的问题,我会非常感激