我有一个页面,该页面从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都会显示在警报框中。有任何想法如何使其仅引用选定的一个吗?谢谢
您可以使用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');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句