通过特定类的所有输入字段循环jQuery中的表元素

时间:2017-11-07 22:41:51

标签: jquery loops html-table

这里我想循环表的每个输入字段并过滤掉具有特定输入字段类的字段。我知道如何在表的所有输入字段中循环,即:

$('#table_id :input').each(function(key) {
}

现在我需要知道如何使用特定的if进一步循环这些输入字段。让那个班级为'.input-class'

1 个答案:

答案 0 :(得分:0)

这是一个简单的例子。您只想使用该类来获取具有类<input>的{​​{1}}元素并将其推送到数组。

以下代码仅返回具有类input-class

的行

input-class
//create inputs array
var inputValues = [];

//for each table row
$("#table_id tr").each(function()
{
  //get input value
  var inputValue = $(this).find(".input-class").val();
  
  //if not empty push to array
  if(inputValue !='undefined' && inputValue !=null )
    inputValues.push(inputValue);
});

//output all input values stored in array
console.log("All Filtered Rows:");
console.log(inputValues);
.dont-filter{
  background: white;
}

.input-class{
  background: red;
  color: white;
}