Question

我有一个html表，旁边有一个按钮，当用户点击该按钮时，我尝试从表中获取id。这是HTML

<table id="table_domExtra2_pro" class="col m12 bordered striped centered ">
    <thead>
      <tr>
        <th>No.</th>
        <th>PROPIETARIO DEL INMUEBLE</th>
        <th>REGIMEN DE PROPIEDAD</th>
        <th>COMO SE ACREDITA LA <br>POSESION DE LA PROPIEDAD</th>
        <th>SUPERFICIE DE <br>LA UNIDAD</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="count">
        </td>
        <td>
            <input name="propietario" id="propietario" type="text" class="validate" required>
        </td>
        <td>
            <input name="reg_propiedad" id="reg_propiedad" type="text" class="validate" required>
        </td>
        <td>
            <input name="pose_propiedad" id="pose_propiedad" type="text" class="validate" required>
        </td>
        <td>
            <input name="sup_unidad" id="sup_unidad" type="text" class="validate" required>
        </td>
      </tr>
    </tbody>
  </table>
     <div class="add_icon col s1 m6 ">
     <a id="btn_agregar_pro" class="btn waves-effect red">Agregar</a>
     </div>
     <div class="add_icon col s1 m6 ">
     <a id="btn_eliminar_pro" class="btn waves-effect red">Eliminar</a>
     </div>

这是js

 $('#btn_eliminar_pro').on("click", function(){
    var idTable3 = $(this).parent().closest("table").attr("id");
    var trs4 = $("#"+idTable3+" tr").length;
    if(trs4 > 2){
      $("#table_domData_pro tr:last").remove();
      $("#table_domExtra_pro tr:last").remove();
      $("#table_domExtra2_pro tr:last").remove();
    }
  });

我尝试使用.prev（），但我真的迷路了，我在文档中有其他表格，而js只选择其他表格，而不是按钮的一个普通话，非常感谢你的帮助：D

Answer 1

使用siblings()的{{1}}查找div表。以下获取表格的closest。我刚刚将id添加到您现有的代码中。

siblings()

通过外部按钮从表中获取id

1 个答案: