无法正确迭代表行中的文本输入

时间:2013-08-14 01:41:35

标签: jquery

我有一个页面,允许用户在用户点击“添加参与者”时动态添加表格行。按钮。按钮ID是" btnParticipant"。单击按钮时,我调用分配给变量" myTest"的自定义函数。

我尝试使用id&#34; participantTable&#34;来查找表中的所有tr元素。然后找到文本类型的元素,对于我发现的每个文本输入,我想检查文本输入的值是否为空。如果是,那么我想转到下一个元素,该元素应该是<a>标记,并从那里找到第一个<img>元素并隐藏它。

这是我的代码:

<script type="text/javascript">
    var j$ = jQuery.noConflict();
    var myTest=function() {
        j$('[id$=participantTable] tr.dataRow input[type="text"]').each(function () {
            if (j$(this).val() != '') {
                j$(this).next().find('img').hide();
            }
        });         
    }
    j$(document).ready(function(){
        j$('[id$=btnParticipant]').click(j$.myTest);
    }); 
</script> 

我没有收到任何错误,但图片没有被隐藏。我对jquery很新,所以任何帮助都会受到赞赏。

感谢。

1 个答案:

答案 0 :(得分:0)

var j$ = jQuery.noConflict();
var tblTexts = j$('table#participantTable').find(':text');
j$.each(tblTexts, function(i, v) {
    if (j$(this).val() != "") {
        j$(this).next('a').find('img').hide();
    }
});