在jQuery中输出单击单元格的内容

Question

如何修改：

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

    alert(this.id);

});

提醒<td class="rank"></td>内的值而不是它的ID？

Answer 1

使用 text() 获取td内的文字内容

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

Answer 2

在这里。

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

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

});

Answer 3

以下是使用$('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>		
  </tr>
  <tr>
    <td>John</td>
    <td class="rank">2</td>		
   </tr>
   <tr>
    <td>Aaron</td>
    <td class="rank">12</td>		
   </tr>
   <tr>
    <td>Jenny</td>
    <td class="rank">18</td>		
   </tr>
 
</table>

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