Add click listener to links in unordered list : click « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. click

Add click listener to links in unordered list

 

<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
var tmpExample = {
  ready : function() {
    $('ul#myStyle li a').click(
      function($e) {
        $e.preventDefault();
        window.open(this.href, 'FavoriteLink', '');
      }
    );
  }
};

$(document).ready(tmpExample.ready);

    </script>
    <style type='text/css'>
ul {
    list-stlye: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
    </style>
  </head>
  <body>
    <ul id='myStyle'>
        <li><a href='http://www.java2s.com'>java2s</a></li>
        <li><a href='http://www.apple.com'>Apple</a></li>
        <li><a href='http://www.jquery.com'>jQuery</a></li>
    </ul>
  </body>
</html>








Related examples in the same category

1.Find all children of the clicked element.
2.To trigger the click event on all of the paragraphs on the page:
3.Stop click event