javascript - 使用jquery选择没有第一列数据的表

标签 javascript jquery html

我正在尝试使用 jQuery 从 html 表中获取数据。

在我的情况下,我想要获得没有第一列的表格。 因为我想将表格导出到excel文件。 但我的第一列包含单选按钮。它毫无用处,而且很难去除。

任何人都可以改善这个质量。

表格

<table id="orders_table">
<thead>
<tr>
<th> </th>
...
<th></th>
<tr>
</thead>
<tbody>
<tr>
<td><input type="radio"<td>
...
<td>data<td>
</tr>
</tbody>
</table>

我尝试过的 jQuery 代码

function getTable(){
    $("#orders_table");
    var html = "<table>";
    html += "<tr>";
    $.each($("#orders_table thead tr th "), function(i, d){//getting header
        if(i==0){}//do nothing
        else{
            html += "<th>" + $(this).html() + "</th>";
        }
    });

    html += "</tr>";
    $.each($("#orders_table tbody tr"), function(i, d){
        html += "<tr>";
        $.each($(d).find("td"), function(i2, d2){
            if(i2==0){} //do nothing
            if(i2==1){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==2){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==3){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==4){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==5){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==6){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==7){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==8){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==9){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==10){html += "<td>" + $(d2).html() + "</td>";}
            if(i2==11){ html += "<td>" + $(d2).html() + "</td>";}
            if(i2==12){ html += "<td>" + $(d2).html() + "</td>";}
            if(i2==13){ html += "<td>" + $(d2).html() + "</td>";}
            if(i2==14){ html += "<td>" + $(d2).html() + "</td>";}
            if(i2==15){ html += "<td>" + $(d2).html() + "</td>";}
            if(i2==16){ html += "<td>" + $(d2).html() + "</td>";}
        });
        html += "</tr>";
    });


    html += "</table>";
    return html;
}

最佳答案

删除第一列并返回结果 html 的更好方法可能是克隆表格,从每个 tr 中删除第一个 td 元素,然后返回来自克隆的 html

类似 http://jsfiddle.net/fKn6f/

var myclone = $("#orders_table").clone();
myclone.find( "tr > td:first-child" ).remove();

var html = myclone.html();

关于javascript - 使用jquery选择没有第一列数据的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17801446/

相关文章:

javascript - Jest 的顺序测试场景

javascript - 从列表中选择选项后如何将表单提交给 servlet?

javascript - 是什么让布局在 Marionette.js 中呈现?

javascript - 使用 jquery 在标签内创建输入框

javascript - 如何使用JavaScript模板?

javascript - 如何解除 jQuery 插件与对象的绑定(bind)?

javascript - 带有固定标题和滚动条的表格

javascript - 如何使用 Javascript 为动态创建的元素添加选项卡索引?

php - 从用户那里获取动态帖子名称的多个输入

javascript - 如何在单个播放器中播放多个 YouTube 视频。