在表格中选择填充的单元格

时间:2018-08-04 19:51:10

标签: javascript jquery selection contenteditable

如果单元格已满,我正在尝试使其可编辑。如果尚未填写,将无法编辑。

我使用的是contenteditable,但我无法选择TD的全部适合我的情况。当我尝试写时,如果填充了一个td,则选择所有td。我试图在ifeach内编写代码,但是我想我不能这样做,因为jquery选择不会返回任何数组等。

您有什么建议吗?

var edit3 = $('#table_mresults tbody tr').find(':nth-child(3)');
var edit4 = $('#table_mresults tbody tr').find(':nth-child(4)');

if(edit3 != "" && edit4 != ""){


    edit3.attr('contenteditable','true');
    edit4.attr('contenteditable','true');
}

var edit3 = $('#table tbody tr').find(':nth-child(3)');
var edit4 = $('#table tbody tr').find(':nth-child(4)');

edit3.forEach(e3 => {
    if(e3 != "") e3.attr('contenteditable','true');
});

edit4.forEach(e4 => {
    if(e4 != "") e4.attr('contenteditable','true');
});

修改:解决方案建议

也许我应该尝试为可填充的行提供可编辑的类,然后使用此类名称进行选择?

1 个答案:

答案 0 :(得分:0)

尝试检查元素内部文本而不是元素本身,如下所示:

if(edit3.text().trim() != "" && edit4.text().trim() != ""){


    edit3.attr('contenteditable','true');
    edit4.attr('contenteditable','true');
}

相关问题