jquery - 在表格行中查找 type=text 的输入字段

Question

我有一个由“点击”处理程序触发的删除图像。我将元素参数传递给触发事件的函数，即删除图像。

有没有一种方法可以找到type="text"单击的删除图像的表格行的输入位置？

这是我正在使用的代码：

        A4J.AJAX.AddListener({
            onafterajax: function(req,evt,data) {  

                j$('[id$=deleteImage]').on('click', function(elem) {
                    console.log('the delete button was clicked');
                    console.log('************** before ' + localStorage.activeButtons);
                    var activeArray  = localStorage.activeButtons.split(',');
                    var idx = activeArray.indexOf('account');
                    if (idx > -1) activeArray.splice(idx, 1);
                    localStorage.activeButtons = activeArray.join(',');
                    console.log('************** after ' + localStorage.activeButtons);
                });

                var lastRow = j$('table[id$=participantTable] tbody tr:last');                 
                var active = localStorage.activeButtons.split(',');

                var dataRows = j$('tr.dataRow');
                dataRows.each(function(index, elem) {
                    updateImages(elem, active[index]);
                });
            }
        });

我需要input[type="text"]在表格行中找到单击删除图像的行并获取该输入字段的 id 并检查 id 是否包含以下值之一：contact, user or account. 我需要将输入 id 中包含的值传递给 indexOf() 方法。

谢谢你的帮助。

Answer 1

试试这个：

j$(this).closest('tr').find('input[type="text"]:visible');

在点击处理程序内

j$('[id$=deleteImage]').on('click', function(elem) {

jQuery .closest() -通过测试元素本身并向上遍历其在 DOM 树中的祖先来获取与选择器匹配的第一个元素。

Answer 2

回答问题：

 $("#TblName tbody tr input[type=text]").each(function(){
        console.log($(this).val());
    });

    $("#TblName tr input[type=text]").each(function(){
        console.log($(this).val());
    });

       $(".TblClass tr .InputClass").each(function(){
            console.log($(this).val());
        });