获取表中每行的一列的内容,然后循环每个内容

时间:2015-03-28 06:55:35

标签: javascript jquery

我有这样的表结构(参见下文)

<table>
    <thead>
        <tr><th>id</th><th>name</th><th>address</th></tr>
    </thead>
    <tbody>
        <tr rowid="1">
            <td class="columnid">1</td><td class="columnname">name 1</td><td class="columnaddress">address 1</td>
        </tr>
        <tr rowid="2">
            <td class="columnid">2</td><td class="columnname">name 2</td><td class="columnaddress">address 2</td>
        </tr>
        <tr rowid="3">
            <td class="columnid">3</td><td class="columnname">name 3</td><td class="columnaddress">address 3</td>
        </tr>
    </tbody>
</table>

现在,我想从每个具有attr('columnid')的表行中获取内容并循环每个行。所以代码结构看起来像这样(参见下文)

//We have 3 row, get all present rowid (1,2,3)
//count all the row that has rowid attribute
var rowcount = attr('rowid').length();
var i;
for (i = 0; i < rowcount; i++) //I dont know how to make it but assume in this for statement, I have stored the content from each rowid attribute {
   //alert each rowid here
}

如何制作?任何帮助,建议,建议,想法,线索将不胜感激。谢谢。

2 个答案:

答案 0 :(得分:0)

此代码将扫描课程td的所有columnid,并提醒包含该rowid的{​​{1}}。我希望这是你希望你编写的代码。

row

Fiddle

答案 1 :(得分:0)

您可以使用tr[rowid]找到具有tr属性的所有rowid元素,然后使用.has()过滤掉tr没有td的元素columnid 1}}与类$('tr[rowid]').has('td.columnid').each(function(){ alert($(this).attr('rowid')) }); 类似

{{1}}

演示:Fiddle