javascript - 如何以简单的方式获取 td 值？

Question

嗨，专家们，这里是一个片段:

$('.fa-edit').on('click', function() {
var skill_id = $(this).closest('td').prev('td').attr("id");
var email_id = $('#' + skill_id).closest('td').prev('td').attr("id");
var name_id = $('#' + email_id).closest('td').prev('td').attr("id");
var name  = $('#' + name_id).text();
var email  = $('#' + email_id).text();
var skill  = $('#' + skill_id).text();
alert(name);
 });

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-condensed">
<thead>
      <tr>
          <th width="20%" align="left" valign="middle">Name</th>
          <th width="20%" align="left" valign="middle">Email </th>
          <th width="12%" align="left" valign="middle">Expertise</th>      
          <th width="6%" align="right" valign="middle">Action</th>
          <th width="6%" align="left" valign="middle">&nbsp;</th>
      </tr>
</thead>
<tbody>
   <tr> 
      <td align="left" valign="middle" id='dynamic_name_1'>
      Dynamic User1
      </td>
      <td align="left" valign="middle" id='dynamic_email_1'> 
      dynamic_user1@email.com 
      </td>
      <td align="left" valign="middle" id='dynamic_skill_1'>
      Skill1
      </td>
     <td align="right" valign="middle">
     <i class="fa fa-edit" id='90'></i>
     </td> 
  </tr>
</tbody>
</table>

我在下面的 js 中获取用于编辑的 td 值。这是有效的，但我想要一个简单的解决方案。

$('.fa-edit').on('click', function() {
var skill_id = $(this).closest('td').prev('td').attr("id");
var email_id = $('#' + skill_id).closest('td').prev('td').attr("id");
var name_id = $('#' + email_id).closest('td').prev('td').attr("id");
var name  = $('#' + name_id).text();
var email  = $('#' + email_id).text();
var skill  = $('#' + skill_id).text();
alert(name);
 });

请给我一个非常简单的方法来实现这一点。提前致谢。

Answer 1

试试这个简单的解决方案

var name=$(this).parent().siblings(":nth-child(1)").text();
var email=$(this).parent().siblings(":nth-child(2)").text();
var skill=$(this).parent().siblings(":nth-child(3)").text();
    alert(name);