如何檢索選擇哪個孩子

Question

我需要告訴哪個孩子被點擊了，所以我可以改變該特定線的背景顏色。

<script> 
     var counter = 0; 
     $(document).ready(function(){ 
      $(".eastern > ul").click(function(){ 
       counter++; 
       $(".northern > ul").append("<li>Champlain " + counter.toString() + "</li>"); 
      }); 
      $(".northern > ul").click(function(){ 
       $(".northern > ul").children(':nth-child(n)').css("background-color","blue"); 
      }); 
     }); 
    </script> 

Answer 1

通行證在event給你的函數，然後用

$(event.target).addClass("yourClass"); 

使用ul演示：http://jsfiddle.net/WS7VK/

Answer 2

的this值將導致該事件處理程序中的事件的對象（見評論添加到您的腳本）。

<script> 
    var counter = 0; 
    $(document).ready(function(){ 
     $(".eastern > ul").click(function(){ 
      // the this pointer here contains the object that was clicked on 
      counter++; 
      $(".northern > ul").append("<li>Champlain " + counter.toString() + "</li>"); 
     }); 
     $(".northern > ul").click(function(){ 
      // the this pointer here contains the object that was clicked on 
      $(".northern > ul").children(':nth-child(n)').css("background-color","blue"); 
     }); 
    }); 
</script> 

所以，如果你想改變的只有顏色點擊子對象，你能做到這一點是這樣的：

<script> 
    var counter = 0; 
    $(document).ready(function(){ 
     $(".eastern > ul").click(function(){ 
      // the this pointer here contains the object that was clicked on 
      counter++; 
      $(".northern > ul").append("<li>Champlain " + counter.toString() + "</li>"); 
     }); 
     $(".northern > ul").click(function(){ 
      // set color of children of the clicked-on object 
      $(this).children().css("background-color","blue"); 
     }); 
    }); 
</script>