奇怪的JQuery附加不完整的DIV

dru*_*392 0 html php jquery

我在使用Jquery追加功能时遇到了一些麻烦.我想在PHP while循环中有一个DIV,所以我做了这个代码并调用了开始div标签,但是关闭div标签没有注册其开始标记:

$('.class').append('<div class=\"class_name\">');
\\ While Loop
$('.class').append('</div>');
Run Code Online (Sandbox Code Playgroud)

use*_*654 5

jQuery只附加完整的元素,你不能附加一个开放的div标签,而jQuery不会自动关闭它.尝试构建一个html字符串,然后附加该字符串.

var strOutput = "<div class='class_name'>";

// replace this with php loop: for (var i = 1; i < 10; i++) {
  strOutput += i;
// replace this with php loop: }
strOutput += "</div>";
$(".class").append(strOutput);
Run Code Online (Sandbox Code Playgroud)

更新
假设您执行了php while循环并生成了一个名为$ strOutput的变量:

$strOutput = "<div class='class_name'>some text here</div>";
Run Code Online (Sandbox Code Playgroud)

将它添加到您的javascript中,如下所示:

echo "$('.class').append('$strOutput');";
Run Code Online (Sandbox Code Playgroud)

另一个更新

字里行间!这只是一个例子......构建一个字符串,然后回显它.

$strOutput = "<div class='class_name'>";
// within your while loop...
$strOutput = $strOutput."somevalue";
// now after your while loop...
$strOutput = $strOutput."</div>";
echo "$('.class').append('$strOutput');";
Run Code Online (Sandbox Code Playgroud)