javascript - 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（）内からクリックされたセルのIDにアクセスしたいと思います。

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
}

もちろん、それを直接呼び出す方が簡単です：

$(".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
});