How to get the html code of selected element?

Question

I'm trying to get html code of a child element using following code :

HTML

<div id="cont">
<img src="http://fakeimg.pl/230x153/555/FFF/?text=1" alt="">
</div>

JQUERY

$(function() {
  console.log($("#cont").find("img").html());
});

I would like to have <img src="http://fakeimg.pl/230x153/555/FFF/?text=1" alt=""> in my console

But Its returning nothing. I dont know whats wrong. I'm pretty sure I'm making some silly mistake.

Thanks.

Link to jsBin : http://jsbin.com/urahos/1/edit

EDIT

Correct Answer

I dont know someone just posted the right answer and removed it.

Following is what I was looking for :

$(function(){
  $("#cont").find("img")[0].outerHTML;
});

*"I dont know whats wrong."* `.html` returns the **inner** HTML of an element. An image element cannot have children, so its inner HTML is an empty string. — Felix Kling, Jun 19 '13 at 10:22

supersize · Answer 1 · 2013-06-19T10:18:21.310

0

This will do it:

$(function() {
  console.log($("#cont").html());
});

You want to read the .html() of the #cont where the img is in.

edited Jun 19 '13 at 10:18

answered Jun 19 '13 at 10:17

supersize

1

This will work only if the img is the only child of `#cont`. – JJJ Jun 19 '13 at 10:20
2

Yes, but you can't guarantee that the structure is that simple in "real life". – JJJ Jun 19 '13 at 10:21
1

Totally Agree with @Juhana! I simplified the structure to put focus on the problem. – Kuldeep Daftary Jun 19 '13 at 10:25

score 0 · Answer 2 · answered Jun 19 '13 at 10:18

0

console.log($("#cont").html())

answered Jun 19 '13 at 10:18

ankit singh

score 0 · Answer 3 · answered Jun 19 '13 at 10:20

0

It would be like this:

console.log($("#cont").html())

answered Jun 19 '13 at 10:20

skparwal

1

This is Already answered 3 min ago. No need to have 4 same answers – Roko C. Buljan Jun 19 '13 at 10:21

score -1 · Answer 4 · answered Jun 19 '13 at 10:25

-1

$(function() {
  var result=$("#cont").children('img').attr("src");
  console.log(result);
});

answered Jun 19 '13 at 10:25

karthi

*"I would like to have `` in my console"* --- not only the image url. – JJJ Jun 19 '13 at 10:26

4 Answers4