append() && html()

最新推荐文章于 2023-06-28 12:42:04 发布

原创最新推荐文章于 2023-06-28 12:42:04 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#append()

Js 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个常见的编程陷阱：使用append()方法重复添加DOM元素到页面上。通过一个具体的示例，展示了如何正确地使用html()方法来替代append()，以避免重复添加的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

append()会重复添加!!!!!!

 var str = "";
    $.each(msgArr,function(i,obj){      
        str += '<div class="line-part">';
            str += '<div class="line-progress">';
                str += '<span class="order-num">' + (i+1) + '</span>';
                str += '<span class="progressbar-title">'+ obj.startStations +'-'+ obj.endStations+'</span>';
            str += '</div>';
            str += '<span class="progress progress-bar">'+'</span>';
        str += '</div>';
    })
    // $(".range-part").append(str);//重复添加
    $(".range-part").html(str);