Jquery 右键单击即可获取HTML代码

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

JSFiddle is here

---

如何获取HTML内容并将其打印到codewidget上？我试过了，但我对这个有点陌生。

有很多问题

在JSFIDLE中未选择jQuery库 id代码小部件不能有空间 $“容器”。缺少单击$ 试一试

演示：

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

---

谢谢你的快速回复！当我点击点击区域4时，它会给出整个html。我怎样才能显示我点击的内容的html？对不起，阿伦。我想我把你弄糊涂了，因为我不清楚。我想说的是，当我点击区域4时，我想要那个特定代码的html代码。是的。您显示的前一个以某种方式显示了整个容器html代码。这就是我指的。我道歉！Tq，这就是我的意思。谢谢你的帮助。这不是右键点击的问题吗？这对于左键单击非常有效，但我认为OP需要右键单击。@TKKocheran似乎对此不确定，因为他/她已经接受了答案谢谢你的回答，但使用$codewidget.htmls，它提供了我单击的项目的精确副本。我不是在找你。但是，对于你试图回答的问题，竖起大拇指，因为这对于其他用途来说是一种不同的技术。

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

$('#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
    }
);