jquery - JQuery 属性循环

Question

我有一个 JQuery 脚本，当我点击一个链接时，它会给我一个引导弹出图像。弹出框有效，我得到了一个漂亮的图像，但我有很多记录，它一遍又一遍地给我同样的图片。

我究竟做错了什么？

谢谢！

HTML：

<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/1.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/3.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/4.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/5.jpg' target='_blank'>Surname, Firstname</a></td>

JavaScript：

$(function () {
    $(".test").popover({
        title: 'Profielfoto',
        content: "<img src='" + $(".smoel_opvragen").attr("id") + "' width='150px'>",
        html: true
    })
});

Answer 1

我相信您需要迭代这些项目，因为配置取决于项目：

$(".test").each(function () {
    $(this).popover({
        title: 'Profielfoto',
        content: "<img src='" + this.id + "' width='150px'>",
        html: true
    });
});

此外，这id是一个奇怪的地方来存储 url。我会使用data-像data-image-url.