Как сравнить 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>