jquery .append 函数的问题

issue with jquery .append function

本文关键字：问题 函数 append jquery      更新时间：2023-09-26

我正在尝试将一些HTML内容附加到div。

这是我的 jquery 脚本

jQuery( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li>
    <li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li>
    <li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>');

但这不起作用。 显示一些错误。请帮助我。谢谢

您必须删除最后一个}); 

jQuery( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i>test</a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i>test</a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i>test</a></li>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="navigation"></div>

你的代码是错误的，你有一些'}）;'不需要。

$( "#navigation" ).append('<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>');

http://jsfiddle.net/qbvw1a93/3/

删除它：

});

您不需要那里的});支架。

更新：

随着问题更新，那么您可以尝试以下问题。

可以通过以下方式串联来创建列表项：

jQuery(function(){
   var lists = '<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li>'+
               '<li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li>' +
               '<li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>';
   jQuery("#navigation").append(lists);
}); // doc ready closed

这是我的解决方案：

$("#navigation").html($('#navigation').html() + '<li><a class="nop" href="#"><i class="social fa fa-2x fa-facebook"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-twitter"></i></a></li><li><a class="nop" href="#"><i class="social fa fa-2x fa-google-plus"></i></a></li>');

虽然你的问题依赖于字符串中的非法换行符，但在javascript中你不能这样做。

相关文章：