Как получить доступ к динамическим элементам управления, имеющим те же свойства в Javascript

Question

У меня есть страница aspx, в которой есть элемент управления Select box

<select name="selViewPerPage" id="selViewPerPage" style="width:30px">

Чтобы добавить определенный стиль во все браузеры, я заменяю этот элемент управления html динамическим полем выбора, используя «selectBox.js». Теперь проблема в том, что у меня есть два раскрывающихся списка на странице, во время выполнения они генерируются с одним и тем же именем класса без идентификаторов. Поэтому при попытке позиционировать элементы управления с помощью css оба раскрывающихся списка занимают одинаковую позицию.

Так что я не уверен, как справиться с этой ситуацией. Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Thnks

Answer 1

Попробуйте использовать псевдоселектор, чтобы получить только определенный элемент, например, первый, последний или n-й элемент.См. : eq () или : first () или : last () , например: http://api.jquery.com/category/selectors/. Использование одного из этих видов селекторов,Вы можете получить только тот элемент, который хотите изменить, и применить к нему стили по отдельности.Пример.

$('ul').first()

или

$('ul:last')

или

$('ul').eq(1)

Или какой-то другой их вариант.

Answer 2

Если у вас есть несколько экземпляров предметов одного и того же класса, используйте селектор .eq().

$('.someSelect').eq(0) <-- first instance
$('.someSelect').eq(1) <-- second instance