我如何循环此功能还添加一个链接来替换附加的图像

时间:2014-08-04 23:05:22

标签: jquery

我不知道我在用jQuery做什么这已经变成了一个任务,但我越来越近了......

我正在运行此功能,用团队图标替换团队名称,服务器有一个数据库设置,使用fid_0001到fid_0096对应名称和图标,即每个表可以拥有的最小和最大范围。

var name = franchiseDatabase['fid_0001'].name;
$('#brief_standings , #livescoring_summary ').find('td').filter(function() { return $(this).text() == name; })
.html( '<img src="' + franchiseDatabase['fid_0001'].icon + '" />' );

我如何用链接包装每个图像? 我如何循环这个,所以我不必用以下所有实例写出96次: fid_0001,fid_0002,fid_003等等到fid_0096?

2 个答案:

答案 0 :(得分:2)

嗯......假设franchiseDatabase包含您要更改的所有名称:

for (var key in franchiseDatabase) {
    var name = franchiseDatabase[key].name;
    $('#brief_standings , #livescoring_summary ').find('td').filter(function() { 
        return $(this).text() == name; 
    }).html( '<a href="xx"><img src="' + franchiseDatabase[key].icon + '" /></a>' );
}

我添加了HTML附加链接,不确定这是否是您要查找的内容。

答案 1 :(得分:1)

一个简单的循环是:

for (var i = 1; i <= 96;  i++) {

    var fdb = null;

    if ( i < 10 ) {
        fdb = franchiseDatabase['fid_000' + i];
    } else {
        fdb = franchiseDatabase['fid_00' + i];
    }

    $('#brief_standings , #livescoring_summary ')
    .find('td').filter(function() { return $(this).text() == fdb.name; })
    .html( '<a href="YOUR_MAGICAL_LINK"><img src="' + fdb.icon + '" /></a>' );
}