Ausgabe Inhalt geklickt Zelle in jQuery

Question

Wie zu ändern:

$(".rank").click(function(event){ 

    alert(this.id); 

}); 

Wert zu alarmieren innerhalb von <td class="rank"></td> statt es ist id?

Answer 1

Verwenden text() für innen Textinhalt bekommen td

$(".rank").click(function(event){ 
    alert($(this).text()); 
}); 

Answer 2

Hier ist es.

$(".rank").click(function(event){ 

    alert($(this).html()); 

}); 

Answer 3

Hier ist ein anschauliches Beispiel mit $('selector').text()

table, th, td { 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 

 
.rank{ 
 
    cursor:pointer; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table style="width:100%"> 
 
    <tr> 
 
    <td>Name</td> 
 
    <td>Rank</td> \t \t 
 
    </tr> 
 
    <tr> 
 
    <td>John</td> 
 
    <td class="rank">2</td> \t \t 
 
    </tr> 
 
    <tr> 
 
    <td>Aaron</td> 
 
    <td class="rank">12</td> \t \t 
 
    </tr> 
 
    <tr> 
 
    <td>Jenny</td> 
 
    <td class="rank">18</td> \t \t 
 
    </tr> 
 
    
 
</table> 
 

 
<script> 
 
    $(document).ready(function(){ 
 
    
 
    $(".rank").click(function(){ 
 
     alert($(this).text()); 
 
    }); 
 
    
 
    }); 
 
</script>