На веб-странице необходимо отыскать элементы div, у которых значение атрибута id содержит определенную последовательность символов и к тому же присутствует атрибут class с заданным значением.

Опубликовал: Пятница, Июнь 7, 2013 в категории jQuery, Подборка рецептов | Пока нет комментариев

Решение

Решим задачу с помощью составного селектора selector[name="value"] [name2="value2"] (листинг 1.6.7).

Листинг 1.6.7. Использование составного селектора

selector[name="value"][name2="value2"]

<script
type="text/javascript">
$(function(){
$("div[id*='test'][class='example']").css({
"border-color":
"#f00", "color": "#f00"
});
});
</script>

Обсуждение

Чтобы отыскать все элементы div, значение атрибута id которых содержит последовательность символов test и одновременно атрибут class которых имеет значение example, в примере из листинга 1.6.7 мы записали в селекторе выражение div[id*='test'][class='example']. Такому комбинированному условию удовлетворяет только третий элемент div.

Источник: Самков Г. А. jQuery. Сборник рецептов. — 2-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2011. — 416 с.: ил. + CD-ROM — (Профессиональное программирование)

Похожие посты:

Комментировать

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>