Jquery - 如何訪問被點擊的元素來運行一個函數？

Question

我正在使用jQuery。我有一個像下面的一些代碼 -

---- ----- HTML

<table> 
<tr> 
<td class="cell" id="cell1" ></td> 
<td class="cell" id="cell2"></td> 
<td class="cell" id="cell3" ></td> 

</tr> 

<tr> 
<td class="cell" id="cell4"></td> 
<td class="cell" id="cell5"></td> 
<td class="cell" id="cell6"></td> 

</tr> 

</table> 

---

--- JS ----

$(".cell").click(function() { 

do_something(); 

} 

function do_something(){ 

// I want to print the id of the cell that was clicked here . 

} 

如何訪問導致函數運行的元素？比如，對於上面的代碼，我要訪問從功能do_Something（）

Answer 1

$(".cell").click(function() { 
    do_something(this); // this is the clicked element 
}); 
function do_something(element){ 
    console.log(element.id); // open the console to see the result 
} 

當然內被點擊的小區的ID它會更簡單，以簡單直接調用它：

$(".cell").click(do_something); 
function do_something(){ 
    console.log(this.id); // open the console to see the result 
} 

或

$(".cell").click(function(){ 
    console.log(this.id); // open the console to see the result 
});