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><ahref="#">A</a></li><li><ahref="#">B</a></li><li><ahref="#">C</a></li>
  ....
      <li><ahref="#">Z</a></li>
  </ul>
  
  
  $(document).ready(function() {
      $('#search-navlist li a').click(function() {
          // alert($(this).text());searchExhibitorsByAlphabet(this, $(this).text());
          returnfalse;
      });
  });
  

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

  Demo

  Solution 2:

  Here is what you can do:

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

  And change your HTML to:

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

Share