如何在 Jquery 的嵌套标签中查找属性？

Question

我必须通过 Jquery 找到一个数据目标，它包含在许多 HTML 标签下。那么如何通过标签找到某个属性呢？即通过 HTML 接收的标签#Timer1 和#Timer2 值不会在 JQuery 的 var Timer1 和 var Timer2 下输出。<table class="table"><?php    $table = mysqli_query($connection, 'SELECT * FROM Timers');    while($row = mysqli_fetch_array($table)){       ?>        <tr id="<?php echo $row['ID']; ?>">            <tr>            <th>Timer 1</th>            <th data-target="Timer1"><?php echo $row['Timer1']; ?></th>            </tr>            <tr>            <th>Timer 2</th>            <th data-target="Timer2"><?php echo $row['Timer2']; ?></th>            </tr>              <th>             <a href="#" data-role="update" class="btn btn-primary" data-id="<?php echo $row['ID']; ?>">Update</a>              </th>         </tr>     <?php          }      ?>    </table>查询：<script>$(document).ready(function(){  $(document).on('click', 'a[data-role=update]', function() {    id = $(this).data('id');    var Timer1=  $('#'+id).find('#Timer1').closest('tr');    var Timer2 = $(this).closest('tr[id=' + id + ']').find("th[data-target='Timer2']").text();    //putting value in input box    $("#ids").val(id)    $('#Timer1').val(Timer1);    $('#Timer2').val(Timer2);    $('#myModal').modal('toggle');  });......</script>

Answer 1

您的问题是您有无效的 HTML 标记和嵌套<tr>元素：

<tr id="<?php echo $row['ID']; ?>">

紧随其后的是另一个<tr>. 由于您还没有<tbody>元素，您可以通过将tr第一个元素中的更改为 来解决这个问题tbody。然后，您还需要将结束标记更改为</tbody>。