Javascript 从我的表中获取closests id文本

我的页面中有这个表格

<tbody id="carga">
  <tr>
    <td>1</td>
    <td id="nombre">esteban</td>
    <td id="apellido">aguirre</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>N/A</td>
    <td><a id="notas_carga" class="nota_1"><span class="glyphicon glyphicon-pencil"></span></a></td>
  </tr>
  <tr>
    <td>2</td>
    <td id="nombre">carolina</td>
    <td id="apellido">pozo</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>N/A</td>
    <td><a id="notas_carga" class="nota_2"><span class="glyphicon glyphicon-pencil"></span></a></td>
  </tr>
    <tr>
      <td>3</td>
      <td id="nombre">andres</td>
      <td id="apellido">garcia</td>
      <td>N/A</td>
      <td>N/A</td>
      <td>N/A</td>
      <td><a id="notas_carga" class="nota_3"><span class="glyphicon glyphicon-pencil"></span></a></td>
  </tr>
</tbody>

所有这些表都是由一个php脚本生成的

我用Jquery输入我的文档

我想做的是，当我点击其中任何一个脚本时，我会得到与nombre和apellido最接近的值

---

我一直在尝试。但它对我不起作用。你能给我介绍一下吗

元素ID在整个文档中应该是唯一的。因此，您可以使用类名而不是id作为选择器。使用JQuery最接近的方法。提及

您需要使用查找当前tr，然后使用查找这两个元素，如下所示

仅仅使用.closest不起作用，因为它只搜索祖先树

还要注意，重复元素的ID被更改为class，因为元素的ID必须是唯一的

$'carga.notas_carga'。单击函数{ var$tr=$this.最近的'tr'； e、 防止违约； var nombre=$tr.find'.nombre'.text， apellido=$tr.find'.apellido'.text； $'result'.htmlnombre+'：'+apellido } 1. 埃斯特班 阿吉雷 不适用 不适用 不适用 2. 卡罗莱纳州 波佐 不适用 不适用 不适用 3. 安德烈斯 加西亚 不适用 不适用 不适用

---

正如@ArunPJohny所正确指出的，id应该是唯一的，而应该使用类

然后，您可以使用a的.parent-of，即td-and.sides来定位您正在寻找的tds

$('#carga .notas_carga').on('click', function(e) {
    e.preventDefault();
    var $td = $(this).parent();
    var nombre = $td.siblings('.nombre').text();
    var apellido = $td.siblings('.apellido').text();
    //your other code ...
});

已更正的HTML示例：

---

嗨，你也可以用这种方法来实现

$document.readyfunction{ $'carga a'。单击，函数{ 变量$carga=$'carga'， nombre=$this.parents'tr'。查找'nombre'。文本， apellido=$this.parents'tr'。查找'apellido'。文本； $'.display_result'.appendnombre==+nombre+\n和apellido==+apellido+； console.lognombre==+nombre+\n和apellido+apellido； }; }; 跨度{ 显示：块； } 1. 埃斯特班 阿吉雷 不适用 不适用 不适用 2. 卡罗莱纳州 波佐 不适用 不适用 不适用 3. 安德烈斯 加西亚 不适用 不适用 不适用

---

与我们分享您尝试过的内容…元素的ID必须是唯一的。能否向我们展示您尝试如何使用.closest.$body.onclick、.notas_1，函数{var nombre=$a.closestnombre.text；var nombre=$a.closestapellido.text；alertnombre+apellido}；。最近的元素通常查看当前元素及其祖先元素。接近您正在执行的操作的方法是.sides，但需要另一个helper方法的事件。请参阅下面的答案。正是我正在查找的代码。不再使用相同的id。多谢各位much@NEOJPK你也可以用这种方法试试，不过我会查一查的。谢谢你的发帖

$('#carga .notas_carga').on('click', function(e) {
    e.preventDefault();
    var $td = $(this).parent();
    var nombre = $td.siblings('.nombre').text();
    var apellido = $td.siblings('.apellido').text();
    //your other code ...
});

<tr>
  <td>3</td>
  <td class="nombre">andres</td>
  <td class="apellido">garcia</td>
  <td>N/A</td>
  <td>N/A</td>
  <td>N/A</td>
  <td><a class="notas_carga nota_3"><span class="glyphicon glyphicon-pencil"></span></a></td>
</tr>