title: How to disable anchor tag onclick events inside div element?
body: <p>I have html content as given below.</p>
  
  <pre><code>&lt;div&gt;
      &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
      &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
      &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
      &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
      &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Problem:</strong></p>
  
  <p>When I click on any link, in the onClick function I will make one ajax call.</p>
  
  <p>I just want to disable all the onClick events of a tag(or disable the entire div and all of its child elements) till I get the ajax response after getting the response I need to re-enable all the a tag onclick events.</p>
  
  <p>Is there any way achieve the same?</p>