Question

I have this strange scenario.

I have a table having multiple rows (each generated dynamically on click of a button).

Each row has these :

|=======| |=======| |=======|
|=======|

Where |=======| represents a select control (dropdown) in the html page

Now I uniquely want to identify each control, say 1.select1, 1.select2, 1.select3 and 1.select4 for row no.1

The problem is rows might be deleted from the middle. So, I want each select control to have a seperate staring value like x.select1, x.select2, x.select3, x.select4 where x is the unique number.

Is there any way I can access say x.select2 when I click on x.select1 ?

For that I need to uniquely name each set of select controls (in a row).

Answer 1

Assuming each select is in its own td, you can use the :eq selector to find it:

function get_select(tr_idx, td_idx) {
    return $('table tr:eq('+tr_idx+') td:eq('+td_idx+') select');
}

If you have a select and want the next one, you can do:

function get_next_select(sel) {
    return sel.parent('td').next('td').find('select:first');
}