Question

我有这个HTML代码：

<table style="width:100%;border-collapse:separate; border-spacing:5em;" id="DeputyForce">
  <tr>
    <td style="text-align:center;">
      <img src="/Assistance/MyIm.jpg" />
      <br/> AA
      <br/> AAAA
      <input type="text" class="DeputyID" value=1 />
    </td>
    <td style="text-align:center;">
      <img src="/Content/Image/mrNoProfileLogo.png" />
      <br/> BBB
      <br/> BBBBB
      <input type="text" class="DeputyID" value=2 />
    </td>

  </tr>
</table>

我尝试为此目的编写jquery代码，当用户单击单元格显示DeputyID值时，为此目的编写此jquery代码：

$('#DeputyForce tr td').click(function () {
    alert($(this).siblings('.DeputyID').val());
});

但是告诉我未定义的消息，我该如何解决这个问题？谢谢。

Answer 1

.DeputyID children()不是siblings()

＆＃13;

$('#DeputyForce tr td').click(function() {
  alert($(this).children('.DeputyID').val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%;border-collapse:separate; border-spacing:5em;" id="DeputyForce">
  <tr>
    <td style="text-align:center;">
      <img src="/Assistance/MyIm.jpg" />
      <br/> AA
      <br/> AAAA
      <input type="text" class="DeputyID" value=1 />
    </td>
    <td style="text-align:center;">
      <img src="/Content/Image/mrNoProfileLogo.png" />
      <br/> BBB
      <br/> BBBBB
      <input type="text" class="DeputyID" value=2 />
    </td>

  </tr>
</table>

＆＃13;

如何将文本框值从表格单元格中获取？

1 个答案: