javascriptにて特定タグを見つけたらそのタグ内容をhtmlとして取得したい

Question

<img id="a" src="http://example.com">
<img id="b" src="http://example.com">
<img id="c" src="http://example.com">
<input type="button" id="button">
<p id="pinput"></p>

//coffeescriptで記述
$("#button").click ->
 $("#pinput").val()  //= <img id="a" src="http://example.com">

のように始めに出てきたタグを取得するにはどうすればよいでしょうか？

Comments

[kei344]

例示用ドメインはご自身で所有されていない限りexample.com, example.net, example.org, example.jpを利用してください。

[kei344]

書き直されたドメインも販売中のようですが、所有されているのでしょうか。

Answer 1

タグ文字列が欲しいということでしょうか。

$( '#pinput' ).text( $( 'img' ).first().clone().appendTo("<div />").parent().html() );
```**動くサンプル：**[https://jsfiddle.net/wjgo9yfa/](https://jsfiddle.net/wjgo9yfa/)