Поиск элемента с использованием класса div

#javascript #jquery

#javascript #jquery

Вопрос:

Мне нужно выполнить поиск по идентификатору элемента на основе класса div, поскольку мой идентификатор элемента на html-странице продолжает меняться в зависимости от другой навигации, но мой класс div, похоже, каждый раз одинаков. Я хочу получить доступ к идентификатору элемента, а затем мне нужно изменить стиль.overflow =’visible’ . Кроме того, даже мой elementid изменяется, он имеет тот же шаблон postfix, есть ли способ поиска elementid с использованием шаблона в jquery?

Пожалуйста, помогите, поскольку я новичок в javascript, а также в jquery.

Ответ №1:

Если я правильно понял ваш вопрос, то для выбора элемента по классу вы можете использовать селектор класса:

 var elems = $(".someClass");
  

Для выбора элементов, id которые начинаются с определенного значения, вы можете использовать селектор «атрибут начинается с«:

 var elems = $("[id^='something']");
  

Вы можете использовать множество других селекторов. Лучшее место для поиска — это всегда документация jQuery.

Комментарии:

1. вы должны сообщить OP, что $(‘.SomeClass’) не очень эффективен, поскольку требует итерации по всем элементам DOM. Если возможно, вы должны попытаться быть более конкретными с селекторами для повышения эффективности, такими как $(‘div.SomeClass’)

Ответ №2:

Я рекомендую вам ознакомиться со списком селекторов jQuery:http://api.jquery.com/category/selectors /

Это поможет вам лучше понять, как использовать возможности jQuery.

http://api.jquery.com / имеет полный список функций jQuery, я помню, что это поразило меня количеством вещей, которые вы можете делать так легко, когда я начал изучать.

Ответ №3:

Вы можете найти элемент по классу:

 $(".class-name");
  

или по идентификатору:

 $("#elementId");
  

Имейте в виду, что возвращаемым значением является объект jQuery (массив), поэтому вам нужно будет использовать индексатор для получения элемента:

 var element = $(".class-name")[0];
var elementId = element.id;
  

Вот отличное место для начала:

http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery