如何在javascript中使用for循环，jquery用于表中的行数

how to use for loop in javascript,jquery for number of rows in table?

本文关键字：jquery 用于 for javascript 循环      更新时间：2023-09-26

我有一个表，我想通过在JavaScript中使用for循环来执行一些操作。有人能告诉我它的代码是什么吗?for循环对表的所有行都有效。实际上，我必须从表中删除一个类，然后我必须将一个类应用到特定的行。我的任务是我必须突出显示未突出显示的选定行。当我选择任何一行时，它会高亮显示，但当我选择另一行时，它仍然高亮显示，另一行也是如此。所以我想从表的所有行中删除选定的类，然后为特定行应用选定的类。我的代码是:

   <style type="text/css">
    .highlight
    {
        background-color: Red;
    }
    .selected
    {
        background-color: #ffdc87;
    }
</style>
<script type="text/javascript">
    function Select(obj) {
        if (obj.className != 'selected') {
            obj.className = 'selected';
            var tbl = document.getElementById("Repaddressorbbl")
            var firstRow = tbl.getElementsByTagName("TR")[0];
        }
        else {
            obj.className = 'prev_class';
            var tbl = document.getElementById("Repaddressorbbl")
            var firstRow = tbl.getElementsByTagName("TR")[0];
        }
    }
</script>

jQuery具有隐式迭代，因此您不必手动遍历所选行

// remove all "highlight" classes from all <tr> elements
$("#your-table tr").removeClass("highlight");
// highlight row 3
$("#your-table tr:eq(2)").addClass("highlight");
// highlight row that belongs to a specific <td>
$("#my-td").parents("tr").addClass("highlight")
// etc

在你删除了所有的highlight类之后，你应该能够很容易地重新突出显示你想要的<tr>。

如果你需要更多的帮助，告诉我:)

在jquery中尝试:

 var aaa= $('#yourdivid tr:gt(0)');
 $.each(aaa, function(indx, item) {
           ////your code
            }

在POJS中，您可以使用表的rows集合来遍历所有行:

var rows = tableElement.rows;
for (var i=0, iLen=rows.length; i<iLen; i++) {
  /* do something with rows[i] */
}

rows是一个活动的NodeList。在一些浏览器中，首先将其转换为数组会更快，因为浏览器不知道列表是否被修改过，所以每次访问它时，它都会更新。

最近的浏览器已经足够聪明，不会这样做，但无论如何，这只是在大型表或性能问题中出现的问题。

在你的代码中:

var firstRow = tbl.getElementsByTagName("TR")[0];
可以:

var firstRow = tbl.rows[0];
相关文章：