首页 > 解决方案 > 如何使用jquery连接每个循环中的字符串

问题描述

我想在每个循环中使用 jquery 连接图像的 html。这是我的代码不起作用。我从 li 属性获取图像的 url,然后为每个 url 设置图像标签。我能够成功获取 url,但无法连接每个 li 的图像标签。需要帮助

$('.nav li').each(function(){
        var img_link = $(this).attr('data-menu');
        var img_html = '<img src="'+img_link+'">';
        // here I have to concatenate the img_html in gethtml variable and then I will put it in a div.                 
        });
        $('.main-img').html(gethtml);

标签: jqueryconcatenationeach

解决方案


您需要在循环外执行gethtml += '<img src="'+img_link+'">';和初始化:gethtml''

var gethtml ='';
$('.nav li').each(function(){
    var img_link = $(this).attr('data-menu');
    gethtml += '<img src="'+img_link+'">';
});
$('.main-img').html(gethtml);

推荐阅读