javascript - 如何循环遍历 HTML 表中的行以查找特定值？

Question

我有以下示例 html:https://jsfiddle.net/pgd8e46b/1/

我想做的是让用户单击“available_widgets”表中的一行，如果它不在“existing_widgets”表中，则添加它并执行其他操作。

我有逻辑来获取适当的表并开始循环...

 var check_for_duplicates = function (row_id) {     
     var table = document.getElementById('existing_widgets');
     var rows = table.getElementsByTagName('td');
     for (var i = 0, len = rows.length; i < len; i++) {
         console.log(i);

     }
     console.log(rows);
     return true;
 }

但我不知道如何将ID字段与传入的id进行比较。 我仍然需要编写从传递给 check_for_duplicates() 方法的 id 中去除“row_”前缀的逻辑。

如有任何建议，我们将不胜感激。

Answer 1

我认为您正在寻找的是返回元素中的 id 属性。

rows[i].id 应该为您提供在循环中查找的内容。

去掉前缀:rows[i].id.replace('row_', '') 这将创建一个新字符串供您比较。