Jquery 获取表行中具有相同类的每个文本框的值

如何使用表行中的类

timeinh1

获取textbox的每个值

我正在使用以下代码：

function ValidateOnLoad() {
    $('tr').each(function () {
        var timeinhh1 = $(this).children('.timeinhh1').val();
        alert(timeinhh1);
    });
}

//这里

但它不起作用，如何正确地做呢？提前谢谢。

$（文档）.ready（函数（）{
验证加载（）；
函数ValidateOnLoad（）{
$（'tr'）。每个（函数（）{
$（this）.find（'td'）.each（function（）{
控制台日志（“td”）；
警报（$（this.find（“.timeinh1”）.val（））；
});
});
}
});


$（文档）.ready（函数（）{
验证加载（）；
函数ValidateOnLoad（）{
$（'tr'）。每个（函数（）{
$（this）.find（'td'）.each（function（）{
控制台日志（“td”）；
警报（$（this.find（“.timeinh1”）.val（））；
});
});
}
});


$（文档）.ready（函数（）{
验证加载（）；
函数ValidateOnLoad（）{
$（'tr'）。每个（函数（）{
$（this）.find（'td'）.each（function（）{
控制台日志（“td”）；
警报（$（this.find（“.timeinh1”）.val（））；
});
});
}
});


$（文档）.ready（函数（）{
验证加载（）；
函数ValidateOnLoad（）{
$（'tr'）。每个（函数（）{
$（this）.find（'td'）.each（function（）{
控制台日志（“td”）；
警报（$（this.find（“.timeinh1”）.val（））；
});
});
}
});

试试看

检查并重试

检查并重试

检查并重试

检查

.children（）方法与.find（）的不同之处在于.children（）只沿DOM树向下移动一个级别，而.find（）也可以向下移动多个级别以选择子元素（孙子等）

你的结构是
tr>td>.timeinh1
所以
这个.children
给你
td
而不是
.timeinh1
。而
children（）
只提供特定元素的直接子元素

试试这个


$（'tr'）。每个（函数（）{
var timeinh1=$（this）.children（'td'）.children（'.timeinh1'）.val（）；//使用children查找td，然后使用timeinh1
var x=$（this.find（'.timeinh1'）.val（）；//可以使用find执行相同的操作
console.log（'usingchildren-'+timeinh1）；
console.log（'使用find-'+x）
});

//这里

.children（）方法与.find（）的不同之处在于.children（）只沿DOM树向下移动一个级别，而.find（）也可以向下移动多个级别以选择子元素（孙子等）

你的结构是
tr>td>.timeinh1
所以
这个.children
给你
td
而不是
.timeinh1
。而
children（）
只提供特定元素的直接子元素

试试这个


$（'tr'）。每个（函数（）{
var timeinh1=$（this）.children（'td'）.children（'.timeinh1'）.val（）；//使用children查找td，然后使用timeinh1
var x=$（this.find（'.timeinh1'）.val（）；//可以使用find执行相同的操作
console.log（'usingchildren-'+timeinh1）；
console.log（'使用find-'+x）
});

//这里

.children（）方法与.find（）的不同之处在于.children（）只沿DOM树向下移动一个级别，而.find（）也可以向下移动多个级别以选择子元素（孙子等）

你的结构是
tr>td>.timeinh1
所以
这个.children
给你
td
而不是
.timeinh1
。而
children（）
只提供特定元素的直接子元素

试试这个


$（'tr'）。每个（函数（）{
var timeinh1=$（this）.children（'td'）.children（'.timeinh1'）.val（）；//使用children查找td，然后使用timeinh1
var x=$（this.find（'.timeinh1'）.val（）；//可以使用find执行相同的操作
console.log（'usingchildren-'+timeinh1）；
console.log（'使用find-'+x）
});

//这里

.children（）方法与.find（）的不同之处在于.children（）只沿DOM树向下移动一个级别，而.find（）也可以向下移动多个级别以选择子元素（孙子等）

你的结构是
tr>td>.timeinh1
所以
这个.children
给你
td
而不是
.timeinh1
。而
children（）
只提供特定元素的直接子元素

试试这个


$（'tr'）。每个（函数（）{
var timeinh1=$（this）.children（'td'）.children（'.timeinh1'）.val（）；//使用children查找td，然后使用timeinh1
var x=$（this.find（'.timeinh1'）.val（）；//可以使用find执行相同的操作
console.log（'usingchildren-'+timeinh1）；
console.log（'使用find-'+x）
});

//这里
您的代码工作正常，没有发现什么问题。第一个
tr
上的timeinh1类就是为什么它返回
未定义的
，而不是在所有tr上应用每一个，应用您想要的类的过滤器，即
timeinh1


$（文档）.ready（函数（）{
$（'tr'）.find（'.timeinh1'）.each（函数（）{
var timeinh1=$（this.val（）；
警报（timeinh1）；
});
});

//这里
<
  $(document).ready(function(){
        $('tr').each(function () {
            var timeinhh1 = $(this).children('td').find('.timeinhh1').val();
            alert(timeinhh1);
        });
    });