Нужен javascript (вопрос спецам)

79

Olldman

23 сентября 2013, 08:07

726

Есть ли возможность с помощью яваскрипта найти элемент с определенным классом в дереве документа?

Если элемент с таким классом не найден, до дописать в другой элемент еще один класс.

Т.е. если код такой:

<div class="first"></div>
<div class="two"></div>

Если элемента с классом first в коде не найдено, то к элементу с классом two дописать еще один класс, типа:

<div class="two three"></div>

V

85

Varenik

23 сентября 2013, 08:22

#1

Olldman:
Есть ли возможность с помощью яваскрипта найти элемент с определенным классом в дереве документа?
Если элемент с таким классом не найден, до дописать в другой элемент еще один класс.
Т.е. если код такой:

<div class="first"></div>

<div class="two"></div>

Если элемента с классом first в коде не найдено, то к элементу с классом two дописать еще один класс, типа:

<div class="two three"></div>

Интересует именно чистый JS или jquery тоже сойдет

119

vlad00777

23 сентября 2013, 08:24

#2

Не уверен, но попробуйте так:

if($('.first').length) { /* есть такой класс */ } else { $('.two').addClass("three");}

П.с реализация на jQuery

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

79

Olldman

23 сентября 2013, 08:24

#3

jquery тоже сойдет, благо всегда подключен.

V

85

Varenik

23 сентября 2013, 08:32

#4

Начнем поэтапно....

конструкция

Встречается на странице 1 раз или несколько?

У нее есть родительский класс или нет? Если встречаются несколько раз и родительские элементы есть - они одинаковые?

79

Olldman

23 сентября 2013, 08:35

#5

Элемент

встречается на странице только один раз, и у этого элемента есть родитель.

C

291

Chukcha

23 сентября 2013, 08:54

#6

Есть ли возможность с помощью яваскрипта найти элемент с определенным классом в дереве документа?

Есть.

$('.class').length >0

Впрочем, Вам уже дали пример реализации

V

85

Varenik

23 сентября 2013, 08:58

#7

тогда сойдет и указанная выше конструкция

if ($('.<класс_родителя> .first').length) {

alert('НАЙДЕНО');

} else {

$(''.<класс_родителя> .two').addClass('<имя_класса>');

}

Это вариант когда TWO в этом же контейнере и используется 1 раз, если есть и вне его или встречается несколько раз - нужно немного другую конструкцию использовать

Facebook уличили в использовании Google в два раза Настройка событий Google Analytics

C

291

Chukcha

23 сентября 2013, 09:00

#8

Нужно более полное ТЗ

А сколько этих .two?

R

62

RControl

23 сентября 2013, 09:03

#9

document.getElementsByClassName('first')

будет доступ к массиву из всех элементов класса first, больше ничего мудрить не надо

V

85

Varenik

23 сентября 2013, 09:09

#10

RControl:
document.getElementsByClassName('first')
будет доступ к массиву из всех элементов класса first, больше ничего мудрить не надо

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

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта