为每一行调用 jQuery

Question

我想为每一行做一个链接来调用。

这是代码：

foreach($docs as $row) {
echo "<td><h5><a href='' id='onclick' class='onclickcalldocEdit_".$row->dId."'>".$row->dName."</a></h5></td>";
echo "<div id='response_proj' class='container_proj_".$row->dId."'>
/* container code here */
}

所以，基本上我为每一行创建一个容器，名称仅在 id 上有所不同。我使用此脚本来尝试使其工作：

$(document).ready(function(){
    var className = $('#onclick').attr('class');
    var contName = $('#response_proj').attr('class');
    $(className).jqm({trigger:contName, toTop: true});
});
</script> ";

甚至可能吗？

Answer 1

试试这个：

$(document).ready(function(){
  $("#onclick").each(function(){
    var className = this.attr('class');
    var contName = this.closest('td').next('#response_proj').attr('class');
    $(className).jqm({trigger:contName, toTop: true })
  })
})

坦率地说，我认为更好的方法是使用 data-id 和类属性（没有 id）：

<a href='' class='onclick' data-id='".$row->dId."'>".$row->dName."</a>

并通过以下方式访问 ID

var id = $('.onclick').data('id');