select elements from a specified html string

Question

All, Say you have a Html string like below. I want to select all the li element from it, and append them to a ul.

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
$("#myUl").append($("li",$(sHtml)));

But this code doesn't work . Is there any way to make it using jquery?

All, find answer in SO. Please review it . stackoverflow.com/questions/3660742/… — Joe.wang
– Joe.wang, Commented Aug 19, 2013 at 7:01

Rohan Kumar · Accepted Answer · 2013-08-19 06:48:52Z

1

Try this,

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
$(sHtml).not('span').appendTo("#myUl");

Fiddle

answered Aug 19, 2013 at 6:48

Rohan Kumar

40.7k11 gold badges80 silver badges111 bronze badges

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

Comments

Arvind Bhardwaj · Accepted Answer · 2013-08-19 07:02:16Z

1

Try this:

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
var htm = $(sHtml);
$("#myUl").append(htm).find("span").remove();

DEMO

edited Aug 19, 2013 at 7:02

answered Aug 19, 2013 at 6:50

Arvind Bhardwaj

5,3215 gold badges38 silver badges50 bronze badges

Comments

Rey Libutan · Accepted Answer · 2013-08-19 06:45:35Z

0

If what you are trying to achieve is overwriting part of your current page with html from maybe a page returned by an AJAX call, then give the <ul> an id and do something like

$("#myliID").html($(returnedPage).find("#myliID").html());

answered Aug 19, 2013 at 6:45

Rey Libutan

5,31210 gold badges44 silver badges74 bronze badges

Collectives™ on Stack Overflow

select elements from a specified html string

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related