Javascript-форум - Как получить innerHTML при клике

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как получить innerHTML при клике (https://javascript.ru/forum/misc/44156-kak-poluchit-innerhtml-pri-klike.html)

Как получить innerHTML при клике

допустим код

<img class="r1" src="http://1.jpg"><img id="r" src="http://1.gif"><i class="r1">vvxvxvxvxvxvx</i><i class="r">vvxvxvxvxvxvx</i>

$(document).ready(function() {
	$('[class=r]').click(function() {		
		html = $(this).html();
        $('#Textarea').val(html);
	});
});

$(document).ready(function() {
	$('[class=r]').click(function() {		
		html = $(this).text();
        $('#Textarea').val(html);
	});
});

первые два позволяют получить только текст

$(document).ready(function() {
	$('img[class=r]').click(function() {				
		var value = $(this).attr('src').split('|');
		var field = value[0];
		$('#Textarea').text(field);
	});
});

этот только ссылку на изображение

а как при клике допустим на

<img id="r" src="http://1.gif"> 
получить 
<img id="r" src="http://1.gif">

ну или при клике сюда

<i class="r">vvxvxvxvxvxvx</i>
 получить 
<i class="r">vvxvxvxvxvxvx</i>

prope,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
   $(document).ready(function() {
	$('[class^=r],[id^=r]').click(function() {
		var field = $(this).clone();
        field = $('<div/>',{html:field})
		alert(field.html());
	});
});

  </script>
</head>
<body>
<img class="r1" src="http://1.jpg"><img id="r" src="http://1.gif"><i class="r1">vvxvxvxvxvxvx</i><i class="r">vvxvxvxvxvxvx</i>
</body>
</html>

спасибо, всё работает.

<img alt="" src="http://javascript.ru/forum/images/smilies/smile.gif" onclick="alert(this.outerHTML)" />