JQuery PHP unique ID's for each row of a HTML table

don't look at it from the point of view of ids. Look at it from the POV of a tree. Every node in a DOM tree knows where it is: its parents, its siblings, its children. If something happens on a row, you use the location of whatever that got clicked on to identify "where" you are and get the necessary related data that way.

e.g.

<tr>
   <td>Row 1</td>
   <td><button click="showRowNumber(this);">click</button></td>
</tr>
<tr>
   <td>Row 2</td>
   <td><button click="showRowNumber(this);">click</button></td>
</tr>
<script type="text/javascript">
function showRowNumber(el) {
   alert($(el).prev().text());  // outputs "Row 1" or "Row 2"
}
</script>

No IDs, just some tree manipulation code.

As Kevin said you need to use classes instead of an id.

Inside the class event handler, in this case click, use this such that you are specifically referring to the element that is clicked, like this:

$('.toggler').click(function(){

   $(this).append('clicked element id: '+this.id); //will show the unique id for the toggled element
    //$.post(); will want to put your $.post inside to also make use of "this"
});

To help you learn you can also do this on byTagName, in this case by table cell (td):

$('td').click(function(){

   $(this).append('clicked element id: '+this.id); //will show the unique id for the toggled element
    //$.post(); will want to put your $.post inside to also make use of "this"
});

More uses of this: If you are deleting or adding rows to your table and need to keep track of which row you are working on then you can use jQuery or plain only javascript inside the click event like this: to show what number row you clicked on:

$("table tr").click(function(){
    alert('jQuery: '+$(this).index()); //jQuery
    alert('javascript: '+this.rowIndex); //javascript
});

Lastly if a row don't exist when the page loads you need to use event delegation by using jQuery's on() method. This could also be the reason that you can't click on additional rows besides the first one.

$(document.body).on('click', "table tr", function(){
    alert('jQuery: '+$(this).index()); //jQuery
    alert('javascript: '+this.rowIndex); //javascript
});