<tr class="d-flex">
<td>
<div class="form-check">
<label for="" class="form-check-label">
<input type="checkbox" class="form-check-input">
</label>
</div>
</td>
<td class="table__task__text">
<span class="notebookLine1 "></span>
<span class="notebookLine2 "></span>
<span class="tdLine"></span>
Buy a milk
</td>
<td class="utilites ml-auto">
<img src="images/movearrow.png
" alt="movearrow">
<span class="utilites__lines1"></span>
<img src="images/pencil.png" alt="chengetext" >
<span class="utilites__lines2"></span>
<img src="images/trashbox.png" alt="deletetask">
</td>
</tr>
<tr class="d-flex">
<td>
<div class="form-check">
<label for="" class="form-check-label">
<input type="checkbox" class="form-check-input">
</label>
</div>
</td>
<td class="table__task__text">
<span class="notebookLine1 "></span>
<span class="notebookLine2 "></span>
<span class="tdLine"></span>
Call Mam
</td>
<td class="utilites ml-auto">
<img src="images/movearrow.png
" alt="movearrow">
<span class="utilites__lines1"></span>
<img src="images/pencil.png" alt="chengetext" >
<span class="utilites__lines2"></span>
<img src="images/trashbox.png" alt="deletetask">
</td>
</tr>
$(document).ready(function(){
$('.form-check-label').each(function(){
$(this).click(function(){
$('.table__task__text').toggleClass('line-through')
})
})
});
что бы для каждой строки в таблице отдельно применялся скрипт,а у меня получилось что ВСЕ строки с текстом меняются при активации checkbox. Если вы понимаете через че это делать напишите,а дальше сам доделаю.
each
, внутри обработчика сначала возьмитеclosest('tr')
а у нее уже найдите нужный класс.