getting html element using selector before it render [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 9 years ago.

Improve this question

var x = '<div><span></span><div id="container"></div></div>'

console.log($(x).find('#container').html())

I wonder why this doesn't work, I just want to extract the html before it's append to somewhere.

What do you mean it doesn't work, it returns an empty string for me, which is just as expected as #container doesn't contain any HTML at all ? — adeneo
– adeneo, Commented Dec 9, 2015 at 6:20
did you checked here? stackoverflow.com/questions/3754092/… — gurvinder372
– gurvinder372, Commented Dec 9, 2015 at 6:22

Ibrahim Khan · Accepted Answer · 2015-12-09 07:05:26Z

2

There is no html in #container. If you want to get the #container itself then you can do it with outerHTML like following.

var x = '<div><span></span><div id="container"></div></div>';
console.log($(x).find('#container')[0].outerHTML);

edited Dec 9, 2015 at 7:05

answered Dec 9, 2015 at 6:42

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

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

Comments

Ray · Accepted Answer · 2015-12-09 06:54:29Z

0

jQuery html api is for ( Get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element. - http://api.jquery.com/html/)

your code is right, if you want to get "container" html, you have to call other function. e.g) get(0)

$(document).ready(function(){
  var x = '<div><span></span><div id="container"></div></div>';
  console.log($(x).find('#container').get(0));
});

if you want to add something or object, you can use append API.

$(document).ready(function(){
  var x = '<div><span></span><div id="container"></div></div>'; // string
  var $x = $(x); //$x is a jQuery object
  $x.find('#container').append($('<div>test</div>'));
  console.log($x);
});

edited Dec 9, 2015 at 6:54

answered Dec 9, 2015 at 6:36

Ray

7774 silver badges11 bronze badges

1 Comment

Jennifer Over a year ago

how can I append it to somewhere else? I got object using get(0);

Collectives™ on Stack Overflow

getting html element using selector before it render [closed]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related