Javascript 如何设置不同的<;a href>;及<;img src>;是否在具有相同类名的div中动态显示?
我有一个对象数组(每个对象由图像链接和链接组成)。当我访问它们中的每一个时,我想每次都创建一个新的div,并添加一个不同的图像链接和链接Javascript 如何设置不同的<;a href>;及<;img src>;是否在具有相同类名的div中动态显示?,javascript,jquery,html,Javascript,Jquery,Html,我有一个对象数组(每个对象由图像链接和链接组成)。当我访问它们中的每一个时,我想每次都创建一个新的div,并添加一个不同的图像链接和链接 <div class="igo_product" <a href> link1 <img class="igo_product_image" src="imglink1"> </div> <div class="igo_product" <a href>
<div class="igo_product"
<a href>
link1
<img class="igo_product_image" src="imglink1">
</div>
<div class="igo_product"
<a href>
link2
<img class="igo_product_image" src="imglink2">
</div>
<div class="igo_product"
<a href>
link3
<img class="igo_product_image" src="imglink3">
</div>
这个怎么样:
$.each(items, function (index, value) {
$(".igo_boxbody").append('<div class="igo_product"<a href="'+value["link"].toString()+'"><img class="igo_product_image" src="'+value["image_link"]+'"></div>');
});
$。每个(项、函数(索引、值){
$(“.igo_boxbody”).append(“出现错误:
$(".igo_boxbody").append('<div class="igo_product' + index + '"<a><img class="igo_product_image' + index + '"></a></div>')
//-----------------------------------------------------------^---no closing of div >
$(“.igo_boxbody”).append(“我并不是想暗示下面的方法更好,只是要提到一个选项:您可以使用jquery在DOM之外创建html对象(例如,$(“”)
创建一个新的div),并通过这些对象设置它们的属性/属性/类/等等(也可以在将它们添加到DOM之前)。
这样做的好处是,您不必钻研字符串来捕捉这些结束标记:
$(".igo_boxbody").append('<div class="igo_product' + index + '"><a><img class="igo_product_image' + index + '"></a></div>')
$('.igo_boxbody').append(items.map)(函数(值,索引){
return$('').addClass('igo_product')。append(
$('生成的标记无效
$(".igo_boxbody").append('<div class="igo_product' + index + '"><a><img class="igo_product_image' + index + '"></a></div>')
$.each(items, function (index, value) {
var el = '<div class="igo_product"' + index
+ '><a href="'+value["link"]
+'"><img class="igo_product_image' + index
+ '" src="'+value["image_link"]+'"></a></div>'
$(".igo_boxbody").append(el);
});
$('.igo_boxbody').append(items.map(function(value, index){
return $('<div>').addClass('igo_product').append(
$('<a>').attr('href', value.link).append(
$('<img>').attr('src', value.image_link).addClass('igo_product_image' + index)
)
);
}));