I am trying to get HTML from a HTML string, I am trying to do this:
var html = '<ul><li>list 1</li><li>List</li></ul>';
console.log($(html).find('ul').html());
But, this return undefined.
What I am trying to do in above code:
actually my html string is returned by an ajax request. And I want to append this html string to a <ul>. so before appending HTML string I want to remove <ul> tags returned from ajax.
Please help me get string without <ul>
$(html) is itself an object of ul node. You don't need to find it. You can simply use .html() for created object:
$(html).html();
The ul is the root node, so you are effectively searching for ul within the ul, which is finding nothing. Instead, use filter() as this will include the root:
var html = '<ul><li>list 1</li><li>List</li></ul>';
console.log($(html).filter('ul').html());
Just
var html = "<ul><li>list 1</li><li>List</li></ul>";
console.log($(html).html());
you could replace pieces of string where it matches with sub-string you want:
// set string you'd replace
var html = '<ul><li>list 1</li><li>List</li></ul>';
// replace first tag with empty string
var part_res = html.replace("<ul>", "");
// replace last tag with empty string
var res = part_res.replace("</ul>", "");
// print out the new result
console.log(res);
:)