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

Output contents of clicked cell in jQuery

本文关键字：单元格 单击 jQuery 输出      更新时间：2023-09-26

如何修改：

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

是否要在<td class="rank"></td>中提醒值而不是其id？

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

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

在这里。

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

下面是一个使用$('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>

相关文章：