jquery - 查找表格的特定单元格是否有 img 标签

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