在 jquery 中的 TR 中查找 td 的所有输入

Find all input of td inside a TR in jquery

本文关键字:输入 td 查找 jquery 中的 TR      更新时间:2023-09-26

我们如何在jquery的tr中找到td的所有输入。我有 tr 将有多个 td 在该 td 中有输入并选择,所以我想获取输入类型的值法典:

$('div#divid tbody.tbodyClass tr.trClass').each(function() {
            $(this td).find("input:text,select").each(function() {
                textVal = this.value;
                inputName = $(this).attr("name");
                formData+='&'+inputName+'='+textVal;
            });
            InsideCount++   
        });

我正在尝试将此 td 与每个一起使用,但我无法获取输入的值和名称。

您在 $(this td) 处有语法错误。 td 应该在查找选择器中使用:

$(this).find("td input:text,td select").each(function() {
            textVal = this.value;
            inputName = $(this).attr("name");
            formData+='&'+inputName+'='+textVal;
        });
        InsideCount++  

由于 td s 将是 tr s 的唯一直接子项,因此您可以将选择器缩小到:

 $(this).find("input:text,select").each(function() {
  check updated code. move td inside find() selector.  
    $('div#divid tbody.tbodyClass tr.trClass').each(function() {
        $(this).find("td input:text,select").each(function() {
            textVal = this.value;
            inputName = $(this).attr("name");
            formData+='&'+inputName+'='+textVal;
        });
        InsideCount++   
    });

试试这个

$('tr:has(input)').each(function() {
var inputName = "";
var values = "";
$('input', this).each(function() {
inputName = inputName +","+ $(this).attr("name");
  values =  values + "," + $(this).val() 
});
});