jQuery - exp mit .is() _01

by juErik

HTML

<ul>
  <li>list <strong>item 1</strong></li>
  <li><span>list item 2</span></li>
  <li>list item 3</li>
</ul>

JavaScript

/* is() läst hier nur reine li's zu
    1. die click-function reagiert auf das komplette 'ul'
    2. .target = Ziel
    3. Einschränkung nur auf li nicht auf deren Kinder
    also auch nicht auf: '<strong>item 1</strong>'
    wenn man in der selben Li allerdings auf 'list' klickt ...    

*/

$("ul").click(function(event) {
  var $target = $(event.target);
  if ( $target.is("li") ) {
    $target.css("background-color", "red");
  }
});