Javascript 添加链接&；动态divs块的图像

目前正在处理动态块。我已经为动态div块创建了代码，但是当我尝试为动态块添加动态图像和链接时，它不起作用

输出如下

这是动态div块的代码

var data = ["Extension", "something else", "more","some data1", "something else1", "more1"];
$.each(data, function(i, v){
    $("#divId").append('<div class="single" id="my_test_' + (i+1) + '">'
                       +'<div class="any_name"> '+ v +' </div></div>');
});

var data=[“Extension”、“something other”、“more”、“some data1”、“something else1”、“more1”]；
$。每个（数据、功能（i、v）{
$（“#divId”）.append（“”
+“+v+”；
});

这是我需要的解释

例如，当我尝试为div添加图像时 图像1.png 我需要为整个div块添加链接

---

这是小提琴

您需要一个包含对象的数组。每个对象都有文本、图像和链接属性。您将动态创建所有元素并附加它们。锚元素（链接将作为单个div的包装，以便所有div内容都可以单击）。在div中，您可以附加图像和文本

当然我不是为你设计的，所以你得自己做。您只需要更改数据（放置一些正确的图像路径和文本链接）和类，并进行一些css样式设置

这是我的工作小提琴：

HTML:

<div id="divId"></div>

var data = [
    {
        text: 'some data',
        link: 'http://www.google.com/',
        imagePath: 'some/path/img.jpg'
    },
    {
        text: 'something else',
        link: 'http://www.facebook.com/',
        imagePath: 'some/path/img2.jpg'
    }
];

$.each(data, function(key, value){
    var newDiv = $('<div/>')
                    .addClass('single')
                    .attr('id', 'my_test_' + (key + 1));

    var textInsideDiv = $('<span/>')
                            .addClass('blabla')
                            .text(value.text);

    var imageInsideDiv = $('<img/>')
                    .addClass('someclass')
                    .attr('src', value.imagePath);

    var linkWrapper = $('<a/>')
                 .addClass('someotherclass')
                 .attr('href', value.link);

    newDiv
        .append(imageInsideDiv)
        .append(textInsideDiv);
    linkWrapper.append(newDiv);

    $('#divId').append(linkWrapper);
});

Javascript:

<div id="divId"></div>

var data = [
    {
        text: 'some data',
        link: 'http://www.google.com/',
        imagePath: 'some/path/img.jpg'
    },
    {
        text: 'something else',
        link: 'http://www.facebook.com/',
        imagePath: 'some/path/img2.jpg'
    }
];

$.each(data, function(key, value){
    var newDiv = $('<div/>')
                    .addClass('single')
                    .attr('id', 'my_test_' + (key + 1));

    var textInsideDiv = $('<span/>')
                            .addClass('blabla')
                            .text(value.text);

    var imageInsideDiv = $('<img/>')
                    .addClass('someclass')
                    .attr('src', value.imagePath);

    var linkWrapper = $('<a/>')
                 .addClass('someotherclass')
                 .attr('href', value.link);

    newDiv
        .append(imageInsideDiv)
        .append(textInsideDiv);
    linkWrapper.append(newDiv);

    $('#divId').append(linkWrapper);
});

var数据=[
{
文本：“一些数据”，
链接：'http://www.google.com/',
imagePath:'some/path/img.jpg'
},
{
文字：“其他东西”，
链接：'http://www.facebook.com/',
imagePath:'some/path/img2.jpg'
}
];
$。每个（数据、函数（键、值）{
var newDiv=$（''）
.addClass（'single'）
.attr（'id'，'my_test'+（key+1））；
var textInsideDiv=$（''）
.addClass（'blabla'）
.text（value.text）；
变量imageInsideDiv=$（''）
.addClass（'someotherclass'）
.attr（'href'，value.link）；
纽迪夫
.append（imageInsideDiv）
.append（textinidediv）；
linkWrapper.append（newDiv）；
$（'#divId'）.append（linkWrapper）；
});

---

祝您好运：）

您能详细介绍一下

不工作的情况吗

？您显示动态图像和链接的逻辑是什么/image1.jpg，/image2.jpg？链接也是这样吗？hI@lagoMelanias感谢回复，我需要显示为image1.png，我需要添加到div的链接