jquery - 右键获取 HTML 代码

Question

我正在使用 jQuery，我需要获取用户右键单击的任何元素的 HTML 代码。jsfiddle 有示例。我在 HTML 代码中没有 ID

JSFiddle 在这里

<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. 未在 jsfiddle 中选择 jQuery 库
2. idcode 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);
    }
);

演示：小提琴

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
    }
);