jQuery選擇：在ID傳遞從數組功能

Question

我有一個項目

<div id="item1">somestuff</div> 
<div id="item2">somestuff</div> 
<div id="item3">somestuff</div> 

當用戶點擊其中的一個名單，我需要根據id（數）的一些行動。我們說隱藏它。

如何使通用函數，以及如何將id傳入函數？

$(document).ready(function() 
{ 
$("#item-howcanImakethisselectorgeneric?").click(function() { 
    $("#item-andhowcanIpasshteidintohere?").hide(); 
} 
} 

我是一個javascript/jquery新手，任何幫助（包括rtfm）讚賞。

Answer 1

<div id="item1" class="mygenericClass">somestuff</div> 

<div id="item2" class="mygenericClass">somestuff</div> 

<div id="item3" class="mygenericClass">somestuff</div> 

$(document).ready(function() 
{ 
    $(".mygenericClass").click(function() { 
    //if you want the id then $(this).id 
    //if you just want to hide the clicked element then 
    $(this).hide(); 
    }); 
} 

Answer 2

試試這個：

<div id="item1" class="stuff">somestuff</div> 
<div id="item2" class="stuff">somestuff</div> 
<div id="item3" class="stuff">somestuff</div> 

JS：

$(document).ready(function() 
{ 
    $("#item1, #item2, #item3").click(function() { 
    $(this).hide(); 
    } 
} 

甚至更​​好：

$(document).ready(function() 
{ 
    $("div.stuff").click(function() { 
    $(this).hide(); 
    } 
} 

或者這個，如果你將裝車後動態地增加更多的div進入頁面，不想明確添加事件處理程序

$(document).ready(function() 
{ 
    $("div.stuff").live("click", function() { 
    $(this).hide(); 
    } 
}