title: How to lookup/debug a list of all jQuery events bindings if you don't know the id or class of the elements
body: <p>I added jQuery click events dynamically using the <a href="http://api.jquery.com/click/" rel="nofollow noreferrer">click()</a>-function:</p>
  
  <pre><code>$("#elementId").click(function() {
      debugger;
      //Some code
  });
  </code></pre>
  
  <p>I realize that you can find the events by using the <a href="http://api.jquery.com/jQuery.data/" rel="nofollow noreferrer">data attribute</a>:</p>
  
  <pre><code>$('#elementId').data("events");
  </code></pre>
  
  <p>But what if you want to find them, if any, dynamically? E.g.</p>
  
  <pre><code>&lt;div id="containerWithComplexStructure"&gt;
      //Some elements with .click events may be in here
  &lt;/div&gt;
  </code></pre>
  
  <p>How do you then find them if you <strong>don't know their id or class</strong>?</p>
  
  <p>And can you access them through the <a href="https://developers.google.com/chrome-developer-tools/docs/overview" rel="nofollow noreferrer">Chrome Developer Tools</a> frame (or similar tools), being able to browse their variables etc.?</p>
  
  <p>Similar to this (click the image to enlarge):</p>
  
  <p><a href="http://imageshack.us/a/img138/1209/findclickfunction.png" rel="nofollow noreferrer">Chrome Developer Tools view, stopped at a breakpoint http://imageshack.us/a/img138/1209/findclickfunction.png</a></p>
  
  <blockquote>
    <p>For a single known element see: <a href="https://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool">How to debug JavaScript/jQuery event bindings with Firebug (or similar tool)</a></p>
  </blockquote>