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