按钮获取特定的输入隐藏值JQuery

Question

我有一个table，里面的信息是自动生成的对于每一行，我都有一个按钮，该按钮又具有输入类型 = 'hidden' 元素：

<table>
  <tr>
    <td>ROW1</td>
    <td>
      <input type="hidden" id="id_1" value="1" />
      <button class="btn btn-danger" id="bttn_1">DEL</button>
    </td>
  </tr>
  <tr>
    <td>ROW2</td>
    <td>
      <input type="hidden" id="id_2" value="2" />
      <button class="btn btn-danger" id="bttn_2">DEL</button>
    </td>
  </tr>
  <tr>
    <td>ROW3</td>
    <td>
      <input type="hidden" id="id_3" value="3" />
      <button class="btn btn-danger" id="bttn_3">DEL</button>
    </td>
  </tr>
</table>

如果我从 bttn_3 id 中按下按钮 3，那么我可以使用 id_3 id 从隐藏输入中获取值。

Answer 1

你可以这样做：

$('button[id^=bttn_]').click(function() {
  var val = $(this).siblings("input").val()
})

$('button[id^=bttn_]') 将 select id 以 bttn_

开头的所有按钮

$(this).prev("input") 表示我们将 select 与单击的按钮关联的输入。

演示

$('button[id^=bttn_]').click(function() {
  console.log($(this).siblings("input").val())
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>ROW1</td>
    <td>
      <input type="hidden" id="id_1" value="1" />
      <button class="btn btn-danger" id="bttn_1">DEL</button>
    </td>
  </tr>
  <tr>
    <td>ROW2</td>
    <td>
      <input type="hidden" id="id_2" value="2" />
      <button class="btn btn-danger" id="bttn_2">DEL</button>
    </td>
  </tr>
  <tr>
    <td>ROW3</td>
    <td>
      <input type="hidden" id="id_3" value="3" />
      <button class="btn btn-danger" id="bttn_3">DEL</button>
    </td>
  </tr>
</table>

按钮获取特定的输入隐藏值JQuery

Button get specific input hidden value JQuery

html

jquery

select