使用JQuery格式化表中单元格的采集数据

时间:2017-08-13 10:54:52

标签: jquery

我需要从以下格式的表中获取值:

Stephen Curry
Michael Jordan

使用下面的代码,我得到了单元格值,但它采用以下格式:

StephenMichael CurryJordan

这是我的代码:

获取值

var tableHtml = "<label>Visitors: </label><br/>";
$('#visitorTable').each(function() {
    var item = $(this);
    var fName = item.find('.FirstName').text();
    var lName = item.find('.LastName').text();
    tableHtml += "<label>" + fName + "</label>&nbsp;" +
        "<label>" + lName + "</label><br/>";
});

我的表

<table class="table" id="visitorTable">
<thead>
    <tr>
        <th>FirstName</th>
        <th>LastName</th>
        <th></th>
    </tr>
</thead>
<tbody>
    <tr>
        <td contenteditable="true" name="FirstName"  class="FirstName"></td>
        <td contenteditable="true" name="FirstName"  class="LastName"></td>
        <td>
            <span class="table-remove glyphicon glyphicon-remove"></span>
        </td>
    </tr>
</tbody>
<!-- clonable table line -->
<tr class="hide">
    <td contenteditable="true" name="FirstName"  class="FirstName"></td>
    <td contenteditable="true" name="LastName" class="LastName"></td>
    <td>
        <span class="table-remove glyphicon glyphicon-remove"></span>
    </td> 
</tr>
</table>

你能告诉我如何做到这一点。谢谢。

1 个答案:

答案 0 :(得分:0)

这一定必须更好,你真的在​​表中找到所有.FirstName,我想它使用的是第一个或最后一个,添加TR所以循环将用于表中的每一行,实际上每个都没有在你的代码中,因为它是1个表的互动。

$('#visitorTable tr').each(function() {
    var item = $(this);
    var fName = item.find('.FirstName').text();
    var lName = item.find('.LastName').text();
    tableHtml += "<label>" + fName + "</label>&nbsp;" +
        "<label>" + lName + "</label><br/>";
});