@Valery23

Как сравнить 2 значения в div'ах и отключить последующие div'ы при несоответствии?

Как сравнить 2 текстовых значения в div'ах term1и term2, и если значение из term1не найдется в term2, то отключить данный <div class="child"> и последующие <div class="child">? Под "отключить", я имею ввиду: отключить все ссылки в <div class="child"> и сделать его opacity: .5; Из моего примера кода, должно получиться так, что первых два <div class="child"> будут активны, а следующие 2 <div class="child"> будут отключены.

<div class="main">
    <div class="child">
        <div class="term1">значение 2</div>
        <div class="term2">значение 1, значение 2, значение 3</div>
        <a href="#">ссылка</a>
        <a href="#">ссылка</a>
    </div>
    <div class="child">
        <div class="term1">значение 3</div>
        <div class="term2">значение 1, значение 2, значение 3</div>
        <a href="#">ссылка</a>
        <a href="#">ссылка</a>
    </div>
    <div class="child">
        <div class="term1">значение 4</div>
        <div class="term2">значение 1, значение 2, значение 3</div>
        <a href="#">ссылка</a>
        <a href="#">ссылка</a>
    </div>
    <div class="child">
        <div class="term1">значение 5</div>
        <div class="term2">значение 1, значение 2, значение 3</div>
        <a href="#">ссылка</a>
        <a href="#">ссылка</a>
    </div>
</div>
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы