javascript - 与 jquery 连接

Question

不知道如何以正确的方式写这个。我可以让它工作，但是当我查看源代码时，它看起来像这样

<img "="" "style="width:30%; height:30%;"   src="correctsource"></img>

正如您在图像标签的开头看到的那样，它们是两个额外的引号和一个等号。

这是我的代码

var img = $(this).attr('src');
  //grab the visible div and the div with class edititable within it and append image
  $(".open:visible").find('.edititable').append('<img src="' + img + '" "style="width:30%; height:30%;" ">');

Answer 1

改成：

foo.append(
    $("<img />", { 
        src: img, 
        style: "width: 30%; height: 30%" 
    })
);

这样更容易避免引号不匹配的错误，并且通常也提高了可读性

Answer 2

试试这个，你的字符串中有太多的双引号。

$(".open:visible").find('.edititable').append('<img src="' + img + '" style="width:30%; height:30%;">');

Answer 3

删除最后一个双引号然后它会工作。你添加了一个额外的。

就是这样写

 .................height:30%;">');

Answer 4

关闭，您的字符串格式不正确。你有一个额外的“风格前面。技术你把它写成

$(".open:visible").find('.edititable').text('<img src="' + img + ' " style="width:30%; height:30%;" ">');

相关小提琴：http: //jsfiddle.net/6cLYf/