jQuery和PHP while循環php

Question

我有一個頁面，它從while循環生成數據，如下所示：

echo "  <ul class=\"task-list\">
    <li>
      <div class=\"task-checkbox\">
          <input type=\"checkbox\" class=\"list-child\" value=\"\"  />
      </div>
      <div class=\"task-title\">
        <div class=\"request_hidden_id\" >$request_id</div>
          <span class=\"task-title-sp\">$request_summary</span>
          <span class=\"badge badge-sm label-success\">2 Days</span>
          <div class=\"pull-right hidden-phone\">
              <button class=\"btn btn-success btn-xs\"><i class=\" fa fa-check\"></i></button>
              <button class=\"btn btn-primary btn-xs\"><i class=\"fa fa-pencil\"></i></button>
              <button class=\"btn btn-danger btn-xs\"><i class=\"fa fa-trash-o \"></i></button>
  </div>
  </div>
</li>
</ul>

我需要引用class（ request_hidden_id ）值的jQuery如下：

$( ".btn.btn-primary.btn-xs" ).click(function() {
  var acct_id = $('.request_hidden_id').text();
  alert( "are you sure you want to delete " + acct_id );
  $("#edit-service-request-modal").modal('show');
});

警報觸發時，while循環中jQuery中給定類的所有ID都會顯示在警報框中。 有什么想法只能參考所選的嗎？ 謝謝

Answer 1

您可以使用this來引用單擊的元素，然后向上走dom，直到到達.task-list容器，然后在容器中搜索當前的.request_hidden_id

$( ".btn.btn-primary.btn-xs" ).click(function() {
    var acct_id = $(this).closest('.task-list').find('.request_hidden_id').text();
    alert( "are you sure you want to delete " + acct_id );
    $("#edit-service-request-modal").modal('show');
});

Answer 2

多個元素將匹配$('.request_hidden_id') ，這就是為什么要獲取所有元素的原因。 為了使它在正確的范圍內，請嘗試如下操作：

$( ".btn.btn-primary.btn-xs" ).click(function() {
    var acct_id = $(this).parents('.task-title').children('.request_hidden_id').text();
    alert( "are you sure you want to delete " + acct_id );
    $("#edit-service-request-modal").modal('show');
});