Adding element to node

Question

There's a HTML:

<div class="test">
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>
</div>

And a bit of JS:

$(document).ready(function() {
    // do stuff when DOM is ready
    $(".test ul").append('<li>Foo</li>');
});

Why does it add nothing, but if I remove html from append's argument string,

.append('Foo')

it works - but that's not the point - new text is added as anonymous block, not li item as I wanted.

Anu suggestions?

edit: Argh, I've found the problem. I modified a file saved from Firefox's "Save page" option, the extension was .xhtml - and here's the problem. I renamed it and it works fine.

Thanks :)

Kent Fredric · Accepted Answer · 2008-11-16 15:38:49Z

1

adding actual HTML from JavaScript is rather ugly, have you tried something like this:

var li=document.createElement("li");
li.appendChild(document.createTextNode("Dupa"));
$(".text ul").appendChild(li);

?

edited Nov 16, 2008 at 15:38

Kent Fredric

57.6k14 gold badges112 silver badges151 bronze badges

answered Nov 16, 2008 at 15:21

Frans-Willem

6466 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

redsquare Over a year ago

jquery does this behind the scenes

Falco Foxburr · Accepted Answer · 2008-11-16 15:34:11Z

0

I checked your code and it works perfectly on my machine... So I think it's not jQuery bug.

answered Nov 16, 2008 at 15:34

Falco Foxburr

7461 gold badge7 silver badges9 bronze badges

Comments

Kent Fredric · Accepted Answer · 2008-11-16 15:42:01Z

0

Extending Frans-Willems code:

jQuery(function($){
   /* This is exactly the same as that document ready thing */
   var li=document.createElement("li");
   $(li).text("Dupa");
   $(".text ul").append(li);
});

answered Nov 16, 2008 at 15:42

Kent Fredric

57.6k14 gold badges112 silver badges151 bronze badges

Collectives™ on Stack Overflow

Adding element to node

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related