Jquery attr src不包含img标记

Question

var $card = $("<li>");
var imgName1 = 'images/' + rankOut + suitOut + '.png';
//assign element an image attribute
$card.attr("src", imgName1);

所以我尝试使用.card向我的attr.("src"...)添加图片，但是当网页加载时，它会遗漏<img>标记

它在没有img标记的情况下呈现为<li src="images/ace_of_spades.png"></li>。我问我的老师，看起来像这样

<ul><img src="(image location)"></ul>

如何添加<img>？

Answer 1

试试这个：

var $card = $('<li><img src="' + 'images/' + rankOut + suitOut + '.png' + '"></li>');

Answer 2

您当前正在设置src元素的li属性，当然这不会创建img元素。要使用jQuery创建img元素，您可以编写代码：

var $img = $('<img/>', {
   'src': 'images/' + rankOut + suitOut + '.png'
});
// Appending the element
$card.append($img);