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

Question

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

我正在尝试在表中查找 ID 为“participantTable”的所有 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 还很陌生，因此不胜感激。

谢谢。

Answer 1

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();
    }
});