Prepend multiple lines

[ebolt007]

Is there a way to .prepend(""); multiple lines of code?

Like if I have something like

<div class="comment-main2">
                     <div class="commentname">
                     <a href="/profile/index.php?id=1" title="Eric">Eric</a>
                     </div>
</div>

what would be the best way to use

$("ul#wall").prepend("")

would I have to go

$("ul#wall").prepend("<div class=\"comment-main2\"><div class=\"commentname\"><a href=\"/profile/index.php?id=1\" title=\"Eric\">Eric</a></div>");

 

or how could I go

$("ul#wall").prepend("
<div class=\"comment-main2\">
                     <div class=\"commentname\">
                     <a href=\"/profile/index.php?id=1\" title=\"Eric\">Eric</a>
                     </div>
");

So it's cleaner and easier to read then all of it in one loooooong line?

 

[AyKay47]

Either one is fine, as long as you escape the quotes.

Easiest way to check these would be to test them.

[ebolt007]

The second one doesn't work tho for me unless I put it all in a straight line, which is a pain to work with then.

[AyKay47]

I honestly forget how JS handles carriage returns,tabs and such inside of a method.

I always use a single line of code when doing something like this.

[kicken]

JS doesn't allow a string to span across lines like that.  I believe you can place a \ at the end of each line and it will work.  Otherwise you concatenate the strings together.

 

$("ul#wall").prepend("\
<div class=\"comment-main2\">\
                     <div class=\"commentname\">\
                     <a href=\"/profile/index.php?id=1\" title=\"Eric\">Eric</a>\
                     </div>\
");

//or

$("ul#wall").prepend(
"<div class=\"comment-main2\">" +
"                     <div class=\"commentname\">" +
"                     <a href=\"/profile/index.php?id=1\" title=\"Eric\">Eric</a>" +
"                     </div>"
);