Получение выпадающего управления из нескольких выпадающих элементов в строке таблицы с помощью jQuery

Question

У меня есть этот странный сценарий.

У меня есть таблица, содержащая несколько строк (каждая генерируется динамически при нажатии кнопки).

Каждая строка имеет следующие значения:

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

Где | ======= |представляет элемент управления select (выпадающий список) на html-странице

Теперь я хочу однозначно идентифицировать каждый элемент управления, скажем 1.select1, 1.select2, 1.select3 и 1.select4 для строки № 1

Проблема в том, что строки могут быть удалены из середины.Итак, я хочу, чтобы каждый элемент управления select имел отдельное начальное значение, например x.select1, x.select2, x.select3, x.select4, где x - это уникальное число.

Есть ли способ, которым я могу получить доступ, скажем,x.select2, когда я нажимаю на x.select1?

Для этого мне нужно уникально назвать каждый набор элементов управления select (в строке).

Answer 1

Предполагая, что каждый select имеет свой собственный td, вы можете использовать селектор :eq , чтобы найти его:

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

Если у вас есть выбор и вы хотите следующий, вы можете сделать:

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