Question

我正在尝试将宽度和高度的css添加到此jquery行。我希望我的图像宽度为160，高度为80.有人请告诉我我做错了什么。

这是创建我的图片的代码行：

$("#selectedSpecialtyPlateImage").html("<img src='"+selectedLicense.image+"' alt='"+selectedLicense.code+"' />");

我尝试了什么：

$("#selectedSpecialtyPlateImage").html("<img src='"+selectedLicense.image+"' alt='"+selectedLicense.code+"' />").width(160).height(80);

（这是div，但不是div中的图像）

或

$("#selectedSpecialtyPlateImage").html("<img style="width: 160px; height: 80px;" src='"+selectedLicense.image+"' alt='"+selectedLicense.code+"' />");

我当时认为这会将风格添加到图像中，而只是完全破坏我的代码。

非常感谢任何帮助！

Answer 1

第一个示例是错误的，因为您要将宽度设置为元素，而不是图像。第二个例子很好，但你使用了不好的引号。

改变这个：

style="width: 160px; height: 80px;"

对此：

style='width: 160px; height: 80px;'

我认为动态添加图像的最佳方法是：

var img = $('<img />', {
  src: selectedLicense.image,
  alt: selectedLicense.code
});
img.appendTo($('#selectedSpecialtyPlateImage'));

Answer 2

如果您需要设置样式属性，可以使用jQuery＆＃39; s .css()

您对此解决方案有何看法？

$('div.content img').css({
  'width' : '100px',
  'height' : '100px'
});

Answer 3

虽然我不是jQuery的粉丝，我真的不喜欢将html元素设置为字符串，但下面的代码片段应该可行。

$("#selectedSpecialtyPlateImage")
  .html('<img style="width: 160px; height: 80px;" src=' +selectedLicense.image+' alt='+selectedLicense.code +' />');

将css宽度和高度添加到jquery图像元素

3 个答案: