javascript - 如何避免jquery删除斜线？

Question

我通过 jquery getJSON 获取 url 图像，但随后 jquery 删除斜杠:

//jquery remove slashes:
$("#imgjson").append('<img src"' + field.images[0] + '" /> ');
//here the slashes are not removed:
alert(field.images[0]);

我得到这样的东西:

<img src"http:="" cdn.google.biz="" 34="" test.jpg"="">

而不是这个:

<img src"http://cdn.google.biz/34/test.jpg" />

如何避免这种情况？

Answer 1

问题不在于斜杠。您需要添加=对于 src属性:

$("#imgjson").append('<img src="' + field.images[0] + '" /> ');
//                            ^  

否则，值为 field.images[0]不会被视为 src属性值。它将被视为 <img> 的其他属性元素。

演示

var field = {
  images: [
    "https://media4.giphy.com/media/1UYGwFDvZvnmo/200_s.gif"
  ]
};

$("#imgjson").append('<img src="' + field.images[0] + '" /> ');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="imgjson"></div>