如何使用jQuery迭代表单元格?

时间:2014-05-12 04:01:35

标签: javascript jquery

我是jQuery的新手,我正在努力学习它。我想迭代一个9 * 9网格,提醒input框(总共81个),行方式,列方式和网格3 * 3的值。

以下是我的尝试:

$("#checkBox").change(function () {
        if (this.checked) {
            $('table tr').each(function () {
                alert($(this).td.input.val());
            });
            $('table tr').each(function () {
                alert($(this).td.input.val());
            });
        } else {
            alert("Check Box is unchecked. AutoCheck is disabled.");
        }
    });

只有else alert正在运作。任何评论或指导都表示赞赏。

1 个答案:

答案 0 :(得分:0)

由于jquery对象不包含名为$(this).td.input.val()的属性,因此代码的这一部分td会引发错误。

尝试,

 //The following snippet would alert the text inside of each td
 $('table tr td').each(function () {
    alert($(this).text());
 });

 //The following snippet would alert the value of each input each td
 $('table tr td input').each(function () {
    alert($(this).val());
 });

如果你想逐行迭代,那就试试吧,

 $('table tr').each(function () {
    $(this).find('td').each(function(){
     $(this).find(':input').each(function(){
         alert($(this).val()); 
     });  
    });
 });