получить глубоко вложенный элемент CSS с помощью jquery

Question

У меня проблемы с запуском события onchange в несколько глубоко вложенной форме.

Так что в основном у меня есть форма с идентификатором maxResultsForm внутри таблицы с идентификатором listProductsResults внутри другой таблицы с идентификатором listProductsSettings ... с идентификатором на теге select maxResults

Я пробовал приведенный ниже селектор и много вариантов, но безуспешно сработало.

$("form#maxResultsForm table#listProductsResults td table#listProductsSettings td :select#maxResults").change(function()...

Кто-нибудь видит, что я делаю не так? заранее спасибо!

J

Answer 1

Если у вас есть идентификатор, просто наберите $('#maxResults').change(...).

Answer 2

Вы получаете ваши CSS-селекторы задом наперед. Если бы у вас была «форма с идентификатором maxResultsForm внутри таблицы с идентификатором listProductsResults», то ваш селектор будет выглядеть так:

table#listProductsResults form#maxResultsForm

Однако, как уже упоминалось в других ответах, на странице не может быть двух элементов HTML с одинаковым значением их атрибута ID, поскольку идентификаторы должны быть уникальными. Таким образом, если у вашего <select> тега есть атрибут ID, вам нужно использовать его только для его выбора.

$('#maxResults').change(function(){...});

Answer 3

$("form#maxResultsForm select#maxResults").change(function()...