Question

<tr role="row" class="odd">
  <td style="background-color:white">
    <table>
      <tbody>
        <tr data-row-id="22">
          <td id="pid"><input type="checkbox" class="sub_chk" value="8843" data-id="22"><label class="pid 8843">8843</label></td>
          <td style="width: 120px">QCH/H3E/TCZN0D </td>
          <td style="width: 270px">Territory Health Intermediate Hospital 500 With Essential Extras </td>
        </tr>
        <tr>
          <td colspan="3">
            <button class="btn btn-success 8843 pull-right" id="approve-row" data-id="22" href="javascript: void(0)" style="display:none">
                <i class="glyphicon glyphicon-plus">Approve</i>
            </button>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
  <td style="padding:0">
    <table>
      ----
    </table>
  </td>
</tr>

我正在使用jQuery数据表，并且在每一行中我都有内部表的表。我可以使用以下命令从数据表列表中获取所需的表：

$(this).closest('table').closest('table tr')[0]

但是我无法获得里面的pid值

<label class="pid 8843">

我想找到pid值。每行都有不同的pid值。例如：

  <label class="pid 2">
  <label class="pid 3">
  <label class="pid 4">
  ...

我找到了我的pid值所在的正确tr但是如何获取pid值是一个问题。

任何帮助都将不胜感激。

Answer 1

如果你的表中的结构相同，只需定位标签和类来获取那个attr，如下所示：

：编辑（目标输入，甚至更好）

$( $(this).closest('table').closest('table tr')[0] ).find('input').val()

请再试一次

Answer 2

试试这个：

$('button').closest('table').find('tr:first td:first').find('label').attr('class')

console.log($('button').closest('table').find('tr:first td:first').find('label').attr('class'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
      <tbody>
        <tr>
          <td id="pid"><input type="checkbox" class="sub_chk" value="8843" data-id="22"><label class="pid 8843">8843</label></td>
          <td style="width: 120px">QCH/H3E/TCZN0D </td>
          <td style="width: 270px">Territory Health Intermediate Hospital 500 With Essential Extras </td>
        </tr>
        <tr>
          <td colspan="3">
            <button class="btn btn-success 8843 pull-right" id="approve-row" data-id="22" href="javascript: void(0)">
                <i class="glyphicon glyphicon-plus">Approve</i>
            </button>
          </td>
        </tr>
      </tbody>
</table>

Jquery试图从tr内部的表中获取值

2 个答案: