Help With Converting Inline Onclick

I'm trying to convert some hard-coded inline onclicks to be dynamically created. Here's what they look like now: (html)

• Solution 1:

  You can rewrite as:

  <ul id="search-navlist">
      <li><a href="#">A</a></li>
      <li><a href="#">B</a></li>
      <li><a href="#">C</a></li>
  ....
      <li><a href="#">Z</a></li>
  </ul>
  
  
  $(document).ready(function() {
      $('#search-navlist li a').click(function() {
          // alert($(this).text());
          searchExhibitorsByAlphabet(this, $(this).text());
          return false;
      });
  });
  

  DEMO

  You can also use delegate for better performance:

  $(document).ready(function() {
      $('#search-navlist').delegate('li a', 'click', function() {
          // alert($(this).text());
          searchExhibitorsByAlphabet(this, $(this).text());
          return false;
      });
  });
  

  Demo

  
  

  Solution 2:

  Here is what you can do:

  $(document).ready(function() {
      $('#search-navlist').delegate("li", "click", function() {
          searchExhibitorsByAlphabet(this, $(this).text());
          return false;
      });
  });
  

  And change your HTML to:

  <ul id="search-navlist">
      <li>A</li>
      <li>B</li>
      <li>C</li>
      ....
      <li>Z</li>
  </ul>
  

  
  

Share