如何使用jquery连接每个循环中的字符串

如何使用jquery连接每个循环中的字符串,jquery,concatenation,each,Jquery,Concatenation,Each,我想在每个循环中使用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

我想在每个循环中使用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);
您需要执行gethtml+=;并在循环外初始化gethtml:

var gethtml ='';
$('.nav li').each(function(){
    var img_link = $(this).attr('data-menu');
    gethtml += '<img src="'+img_link+'">';
});
$('.main-img').html(gethtml);
请尝试以下代码:

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

$('.main-img').html(gethtml);
它会将gethtml变量与用逗号分隔的img_html连接起来。

最好使用以下方法:

$('.nav li').each(function () {        
    $('.main-img').append($(document.createElement('img')).attr("src", $(this).attr('data-menu')));
});

您应该研究jQuery append@rizzi,如果这有助于you@rizwi由于作用域的原因,您需要在循环之外初始化gethtml@AnkitAgarwal缓慢的互联网让我缺乏:P@TylerFowle它是outside@AnkitAgarwal只是进一步解释你为什么要这么做