Javascript 如何设置不同的<;a href>;及<;img src>;是否在具有相同类名的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,并添加一个不同的图像链接和链接

<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)
     )
  );
}));