Получить код HTML по правому клику

Question

Я использую jQuery, и мне нужно получить код HTML любого элемента, на который пользователь щелкает правой кнопкой мыши. В jsfiddle есть образец. У меня нет идентификаторов в HTML код

JSFiddle is here

<div id="container"> 
    <p>Click Area 1</p> 
    <p>Click Area 2</p> 
    <div> 
    Click area 3<br/> 
    <a href="#">Click Area 4</a><br/> 
    <a href="#">Click Area 5</a><br/> 
    </div><br/> 
    <div id="codewidget" ></div><br/> 
</div> 

Как я могу идти о получении содержимого HTML и распечатать его на codewidget? Я пробовал, но я новичок в этом.

Answer 1

Есть несколько проблем

1. JQuery библиотека не была выбрана в jsfiddle
2. идентификатор code widget не может иметь пространство
3. $('#container').click( пропускал $

Попробуйте

<div id="container"> 
    <p>Click Area 1</p> 
    <p>Click Area 2</p> 
    <div> 
     Click area 3<br/> 
     <a href="#">Click Area 4</a><br/> 
     <a href="#">Click Area 5</a><br/> 
    </div><br/> 
    <div id="codewidget" ></div><br/> 
</div> 

затем

$('#container').click(
    function(e){ 
     //prevent any click 
     e.preventDefault(); 
     //get the id of the selector 
     var s = e.target.outerHTML; 
     $("#codewidget").text(s); 
    } 
); 

Demo: Код Fiddle

Answer 2

@arun P Jony в

изменить его, как показано ниже это даст HTML

$('#container').click(
    function(e){ 
     //prevent any click 
     e.preventDefault(); 
     //get the id of the selector 
     var s = e.target.outerHTML; 
     $("#codewidget").html(s); <!-- change it to html instead of text 
    } 
);