jquery - Get the HTML code on right click -


i using jquery , need html code of element on user right clicks. jsfiddle has sample. don't have ids in html code

jsfiddle 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> 

how can go getting html content , print on codewidget? tried kinda new this.

there multiple problems

  1. jquery library not selected in jsfiddle
  2. id code widget cannot have space
  3. $('#container').click( missing $

try

<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> 

then

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

demo: fiddle


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -