如何在 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&nbsp;id="<?php&nbsp;echo&nbsp;$row['ID'];&nbsp;?>">紧随其后的是另一个<tr>.&nbsp;由于您还没有<tbody>元素，您可以通过将tr第一个元素中的更改为 来解决这个问题tbody。然后，您还需要将结束标记更改为</tbody>。