javascript - 如何在 javascript 中使用 for 循环，jquery 获取表中的行数？

Question

我有一张表，我想通过在 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>

Answer 1

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>你很容易想要。

如果您需要更多帮助，请告诉我:)