如何用jQuery查找带有指定类名的表格行？

嘿，这事儿其实挺简单的，针对你给出的表格结构，我给你分几种常用场景说明：

• 查找所有带available类的行
  直接用类选择器结合元素选择器就行，代码如下：

  $('tr.available')
  

  这行代码会选中所有class包含available的<tr>元素，也就是你例子里的trline01和trline02这类可用行。

• 查找所有带outofstock类的行
  同理，换个类名就行：

  $('tr.outofstock')
  

  这样就能定位到像trline03这类缺货的行啦。

• 精确限定在某个表格内查找
  如果页面上有多个表格，为了避免误选其他表格的行，可以先定位目标表格，再查找对应类的行。假设你的表格id是orderTable，代码如下：

  $('#orderTable tr.available')
  

  先通过id找到目标表格，再在里面筛选带指定类的行，精准度更高。

• 找到行后做进一步操作（比如获取输入框的值）
  要是你想拿到这些行里输入框的内容，可以用each遍历每行，再用find定位输入框：

  $('tr.available').each(function() {
      // 定位当前行内的ordItem类输入框，获取它的值
      var itemValue = $(this).find('.ordItem').val();
      console.log(itemValue); // 会输出100、20这类值
  });
  

内容的提问来源于stack exchange，提问作者CleanQuery