在同一单元格多个跨度中查找最接近的输入

Question

我很难获得与单击的按钮最接近的输入。所有内容都在同一个表格单元格中。按钮位于跨度内并且输入位于 3 级跨度内？请参阅参考

<td
  colspan="1"
  rowspan="1"
  data-record-id="9"
  class="r-field-number"
  data-field="miles"
  data-cellid="grid_cell_field7"
  data-pageid="1"
  data-signal-error-for="miles9"
>
  <span
    data-itemtype="grid_field"
    data-itemid="simple_grid_field10"
    data-pageid="1"
    data-record-id="9"
    data-field="miles"
    data-fieldname="miles"
    data-default-width=""
    data-editcontrol=""
  >
    <span id="edit9_miles">
      <span id="edit9_miles_0" class="bs-ctrlspan">
        <input
          id="value_miles_9"
          class="form-control"
          type="text"
          name="value_miles_9"
          placeholder=""
          value=""
        />
      </span>
    </span>
  </span>

  <span
    data-itemtype="text"
    data-itemid="text2"
    data-pageid="1"
    data-record-id="9"
    data-small=""
  >
    <a href="#" data-id="8541" class="btn btn-sm btn-primary get-miles"
      >Get Miles</a
    >
  </span>
</td>

我已经尝试过了

var input_id = $(this).closest('input').attr('id');
var input_id = $(this).closest('span').find('input').attr('id');

不走运，任何帮助都非常感激

Answer 1

所有内容都在同一个表格单元格中

向上遍历到

<td>

，然后找到

<input>

const input_id = $(this).closest('td').find('input[id]').attr('id');