JQuery и PHP, в то время как цикл 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> 

A JQuery, что мне нужно ссылаться на классе (request_hidden_id) значения следующим образом:

$(".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'); 
}); 

Когда срабатывает предупреждение, весь идентификатор с классом, указанным в jQuery из цикла while, отображается в поле предупреждения. Любые идеи о том, как его использовать, относятся только к выбранному? Спасибо

Answer 1

Вы можете использовать this для ссылки на элемент, который вы щелкнули, а затем идти по РОМ пока вы не достигнете .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'); 
});