Question

我正在使用Django动态生成一个表。根据提供的数据，相同的表模板用于生成各种表。在一种情况下，特定列包含图像标记。由于我的表格是可编辑的（使用jquery），因此图像单元格也可以编辑并删除我的内容。我希望双击这样的单元格有一些特殊行为，例如上传图像。如何使用jquery完成此操作？下面给出了使表格可编辑的脚本。

       $(function() {
            $("td").dblclick(function() {
                var OriginalContent = $(this).text();

                $(this).addClass("cellEditing");
                $(this).html("<input type='text' value='" + OriginalContent + "' />");
                $(this).children().first().focus();

                $(this).children().first().keypress(function(e) {
                    if (e.which == 13) {
                        var newContent = $(this).val();
                        $(this).parent().text(newContent);
                        $(this).parent().removeClass("cellEditing");
                    }
                });
                $(this).children().first().blur(function() {
                    $(this).parent().text(OriginalContent);
                    $(this).parent().removeClass("cellEditing");
                });
            });
        });

Answer 1

您可以检查该单元格是否有图像 -

 $("td").dblclick(function() {
       var OriginalContent = $(this).text();
       var hasImage = $('img',this).length > 0;
       if(hasImage){
          // image exist
       }

Answer 2

在包含图像的表格单元格上，在添加类时添加一个类。然后你可以做这样的事情：

   $(function() {
        $("td").dblclick(function() {
            if (this.classList.contains('img')) return;
            // Will not continue if this is an image class.

            var OriginalContent = $(this).text();
            [...]
        });
    });

查找表的特定单元格是否具有img标记

2 个答案: