クリックされたdiv要素の要素idを取得する方法

Question

私は単純なハングマンゲームを設計しようとしていますが、idsが文字であるdiv要素の行があります。私はクリックされた要素のIDを受け取りたいと思っているようです。

<script> 
var guesses = 5; 
var word = "hangman"; 
var spotsLeft = 7; 
$(document).ready(function(){ 
$(".letter").click(function(){ 
    $(this).hide(); 
    guesses--; 
    if(//Psuedo-code -- if a specific letter is clicked (based on element id) 
    $("#guessesLeft").html("You have " + guesses + " Guesses Left"); 

    if(guesses == 0){ 
    $("#guessesLeft").html("You are out of guesses, YOU LOST!!!"); 
    } 
}); 
});  
</script> 

Answer 1

だけクリックされた要素のid属性を取得するにはattr関数を使用します。

$(".letter").click(function(){ 
    $(this).hide(); 

    var id = $(this).attr('id'); 

    guesses--; 
    if(//Psuedo-code -- if a specific letter is clicked (based on element id) 
    $("#guessesLeft").html("You have " + guesses + " Guesses Left"); 

    if(guesses == 0){ 
    $("#guessesLeft").html("You are out of guesses, YOU LOST!!!"); 
    } 
}); 

Answer 2

.attr()を使用して、要素の属性の値を取得します。具体的には、使用：

$(".letter").click(function() { 
    let letterId = $(this).attr('id'); 
    ... 
}); 

Answer 3

他の2つの答えが正しいですが、私はちょうどそれらにJSを追加してい：

JavaScriptのみ： まず、あなたの要素を編集する必要があり、それはこのようなものだったと言うことができます：

<button class=".letter" onClick="getId(this.id)">Click Me!</button> 
<script type="text/javascript"> 
function getId(clicked_id) 
{ 
    alert(clicked_id); 
} 
</script> 

はJQuery：

var id = $(this).attr('id');