javascript - jQuery html 函数不适用于对象作为参数

Question

在我的应用程序中，图片的 html 保存在itemConfig.picture

如果我将以下代码添加到 js：

$('.picture').html(itemConfig.picture);

带有类图片的 div保持为空。但这一个有效：

var tmpVar='<div class="field field-name-field-picture field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://localhost/ae/sites/default/files/DSC_02911_0.jpg" width="130" height="120" alt="" /></div></div></div>'
$('.picture').html(tmpVar);

这些信息会很有用：

alert(typeof itemConfig.picture); // returns "String"
alert(itemConfig.picture); // returns <div class="field field-name-field-picture field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://localhost/ae/sites/default/files/DSC_02911_0.jpg" width="130" height="120" alt="" /></div></div></div>

为什么传递对象属性不起作用？

Answer 1

正如您在此Fiddle.toString()中看到的那样，您不应该需要。

var itemConfig = {};
itemConfig.picture = "<div style='width: 20px; height: 20px; background-color: red'></div>";

$('#start').on('click', function () {
    $('#type').html(typeof itemConfig.picture);
    $('#length').html($('.picture').length);
    $('.picture').html(itemConfig.picture);
});

评论的假设似乎是正确的。此时您要么没有picturedom ( picture.length = 0) 中的类的元素，要么 的值itemConfig.picture是别的东西。

Answer 2

我认为这对你有用，但这只是一个猜测。

$('.picture').html(itemConfig.picture.toString());