试图让jquery加载html

我可以像这样加载html

 $('#grid').empty();
  for (i in main_images) {
 $('#grid').append($('<li gallery="'+i+'"><div class="title">'+(titles[i] )+'</div><a href="#" class="zoom"><img src= '+main_images[i]+'/><span></span></a></li>'));
}

$（“#网格”）.empty（）；
用于（主图像中的i）{
$（“#网格”）.append（$（“
“+（titles[i]）+”
）；
}

但我似乎不能这样做

 <div id="container" boarder ="0">
<ul><li><img src="'+img+'"/></li></ul>
  <span class="button prevButton "></span>
  <span class="button nextButton"></span>
  <span> <a href="#" class="zoom_back"></a></span>
  <span> <a href="#" class="zoom_big"></a></span>
  <span> <a href="#" class="info"></a></span>
  <span> <a href="#" class="info_on"></a></span>
  <span> <a href="#" class="info_box"></a></span>
  <span> <a class="info_box_title">title</a></span>
  <span> <a class="info_box_status">status</a></span>
  <span> <a class="info_box_about"> about about </a></span>
  <span> <a href="#" class="box_counter" ></a></span>
     </div>

我试过了，但它出错了

$('#container').empty();
$('#container').append($('<ul><li><img src="'+img+'"/></li></ul>
<span class="button prevButton "></span>
<span class="button nextButton"></span>
<span> <a href="#" class="zoom_back"></a></span>
<span> <a href="#" class="zoom_big"></a></span>
<span> <a href="#" class="info"></a></span>
<span> <a href="#" class="info_on"></a></span>
<span> <a class="info_box"></a></span>
<span> <a class="info_box_title">title</a></span>
<span> <a class="info_box_status">status</a></span>
<span> <a class="info_box_about"> about</a></span>
<span> <a href="#" class="box_counter" ></a></span>
 '));

$（“#容器”）.empty（）；
$（“#容器”）。追加（$（“

'));

使用以下代码代替您的代码

 $('#grid').append('<li gallery="'+i+'"><div class="title">'+(titles[i] )+'</div><a href="#" class="zoom"><img src= '+main_images[i]+'/><span></span></a></li>');

$（“#网格”）.append（“
“+（titles[i]）+”
”）；

---

您正在尝试将jQuery所选对象附加到网格。

使用以下代码，而不是您的代码

 $('#grid').append('<li gallery="'+i+'"><div class="title">'+(titles[i] )+'</div><a href="#" class="zoom"><img src= '+main_images[i]+'/><span></span></a></li>');

$（“#网格”）.append（“
“+（titles[i]）+”
”）；

---

您正在尝试将jQuery选定对象附加到网格。

JS字符串中不能有换行符。除非使用

\

对它们进行转义（在这种情况下，它们将被忽略，就好像字符串中没有换行符一样。如果字符串中确实需要换行符，则可以使用

\n

而不是文字换行符）：

$（“#容器”）。追加（“
\
\
\
\
\
\
\
\
');

JS字符串中不能有换行符。除非使用

\

对它们进行转义（在这种情况下，它们将被忽略，就好像字符串中没有换行符一样。如果字符串中确实需要换行符，则可以使用

\n

而不是文字换行符）：

$（“#容器”）。追加（“
\
\
\
\
\
\
\
\
');

您不需要将HTML包装成$（），因为$（）用于选择元素。您已经选择了要附加HTML的容器ID

另外，要添加新行以更好地组织代码，但不一定要在html中添加新行，请使用“\”

$（“#容器”）.empty（）；
$（“#容器”）。追加（“
\
\
\
\
\
\
\
');

---

您不需要用$（）包装HTML，因为$（）用于选择元素。您已经选择了要附加HTML的容器ID

另外，要添加新行以更好地组织代码，但不一定要在html中添加新行，请使用“\”

$（“#容器”）.empty（）；
$（“#容器”）。追加（“
\
\
\
\
\
\
\
');

---

能否缩短示例，使其仅包含重要部分？另外，你能提供错误吗？你能把例子缩短到只包括重要的部分吗？另外，您能提供错误吗？这是OP所说的代码示例中的错误。请看问题的其余部分。顺便说一句，附加jQuery对象也可以。这是OP所说的已经生效的代码示例。请看问题的其余部分。顺便说一句，附加jQuery对象也可以。

$('#container').empty();
$('#container').append('<ul><li><img src="'+img+'"/></li></ul> \
<span class="button prevButton "></span> \
<span class="button nextButton"></span><span> \
<a href="#" class="zoom_back"></a></span> \
<span> <a href="#" class="zoom_big"></a></span> \
<span> <a href="#" class="info"></a></span> \
<span><a href="#" class="info_on"></a></span> \
<span> <a class="info_box"></a></span> \
<span> <a class="info_box_title">title</a></span> \
<span> <a class="info_box_status">status</a></span> \
<span> <a class="info_box_about"> about</a></span> \
<span> <a href="#" class="box_counter" ></a></span>');