按钮获取特定输入隐藏值jQuery

发布于 2025-01-28 08:56:51 字数 815 浏览 3 评论 0原文

我有一个表自动生成信息的表对于每行，我都有一个按钮，该按钮又有一个输入类型='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的值。

原文

I have a table in which the information is generated automatically
for each line I have a button which in turn has an input type = 'hidden' element:

<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>

If I press button 3 from the bttn_3 id then I can take the value from the hidden input with the id_3 id.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青春如此纠结 2025-02-04 08:56:51

您可以这样做：

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

$（'button [id^= bttn _]'）将选择所有按钮，其中id以> bttn _开始。

$（this）.prev（“输入”）表示我们将选择与单击按钮关联的输入。

演示

$('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>

You can do it like this:

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

$('button[id^=bttn_]') will select all buttons where the id starts with bttn_

$(this).prev("input") means that we will select the input that is associated with the button clicked.

Demo

$('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>

回复收藏 0 原文

~没有更多了~