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

Вид: 12901|Ответ: 0

[Jquery] Получение элементов на основе атрибутов или значений атрибутов в JQuery (6 способов их получить)

[Скопировать ссылку]
Опубликовано 28.10.2015 19:30:55 | | |
Получить элементы на основе атрибутов

1. Например, вы хотите получить элемент с id в теге page p

$("p[id]").css("цвет","красный");

Получить элементы на основе значений атрибутов
1.$。 В jQuery, $("<span>"), этот синтаксис эквивалентен $(document.createElement("span")), что используется при выборе элемента: [attribute$=value], сопоставление с заданным атрибутом — это элемент, заканчивающийся на некоторое значение. Вот пример:
HTML-код
Копирование кода Код следующий:

<введите имя="рассылка" />
<введите имя="молочник" />
<введите имя="jobletter" />

jQuery код:

  1. $("input[name$='letter']")
Копирование кода


Результат:
[ <введите имя="рассылка" />, <введите имя="jobletter" /> ]

2.!。 Селектор: [attribute!=value], совпадает со всеми элементами, не содержащими заданного атрибута или чей атрибут не равен конкретному значению, этот селектор эквивалентен :not([attr=value]).
Вот несколько примеров:

<type введения="чекбокс" name="newsletter" value="Hot Fuzz" />
<type введения="галочка" name="newsletter" value="Cold Fusion" />
<input type="чекбокс" name="accept" value="Evil Plans" />

jQuery код:

  1. $("input[name!='newsletter']").attr("checked", true);
Копирование кода


Результат:
[ <input type="галочка" name="accept" value="Evil Plans" отмечена="true" /> ]

3.*。 Селектор: [attribute*=value], соответствующий заданному атрибуту — это элемент, содержащий определённые значения. Вот пример:
HTML-код:


<введите имя="man-news" />
<введите имя="молочник" />
<введите имя="letterman2" />
<введите имя="newmilk" />

jQuery код:


  1. $("input[name*='man']")
Копирование кода


Результат:
[ <введите имя="man-news" />, <введите имя="молочник" />, <введите имя="letterman2" /> ]

4.@。 Сопоставьте элементы, содержащие заданный атрибут. Обратите внимание, что в jQuery 1.3 ведущий символ @ был отменён! Если хотите быть совместимой с последней версией, достаточно просто удалить символ @
Да.

5.^。 Селектор: [attribute^=value], совпадающий с заданным атрибутом — это элемент, начинающий с некоторого значения, вот пример:
HTML-код:

<введите имя="рассылка" />
<введите имя="молочник" />
<введите имя="газетчик" />

jQuery код:

  1. $("input[name^='news']")
Копирование кода


Результат:
[ <введите имя="рассылка" />, <введите имя="газетчик" /> ]

6 Получить элемент с заданным атрибутом и заданной строкой в настройках
HTML-код:

  1. <p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>
Копирование кода


jQuery код:

  1. $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Копирование кода


Конечно, его также можно получить на основе атрибутов id или других атрибутов, таких как $("input[id=id1]").css("цвет",красный);
В jquery, при использовании $("input[name='metaId']").val() нельзя напрямую получить значение выбранного радио, а только первое значение радио-тега, это может быть связано с jquery при использовании языка xpath для поиска, и обычно мы хотим получить значение выбранного радио, существует несколько методов:
1. Используйте $("input[name='metaId']:checked").val(), чтобы //name представляло имя атрибута имени в радио
2. Используйте $(":radio:checked").val() для получения // Ограничьте страницу только одним набором радиотегов





Предыдущий:Отправьте клиентскому MD5-зашифрованому js-скрипту
Следующий:Может ли Жуйцзе под Liunx войти в сеть кампуса, у кого клиент Жуйцзе под управлением Liunx?
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.

Mail To:help@itsvse.com