Call jQuery for each row

Question

I want to make a link to call for each row.

Here is the code:

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 */
}

So, basically I create a container for each row and name differs only by id. I've used this script to try to get it work:

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

Is it even possible?

Answer 1

Try this:

$(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 })
  })
})

Frankly speaking, I think the better way is to use data-id and class attributes(without id):

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

And access id via

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