Question

I am having some trouble with Jquery append feature. I am wanting to have a DIV around a PHP while loop, so I did this code and the opening div tag is called, but the closing div tag isn’t registering with its opening tag:

$('.class').append('<div class=\"class_name\">');
\\ While Loop
$('.class').append('</div>');

Answer 1

jQuery only appends complete elements, you can’t append an opening div tag without jQuery automatically closing it. Try building an html string and then appending that string.

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);

UPDATE
assuming you did a php while loop and generated a variable called $strOutput:

$strOutput = "<div class='class_name'>some text here</div>";

add it to your javascript like this:

echo "$('.class').append('$strOutput');";

another update

Read between the lines! That was just an example… Build a single string, then echo it.

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