Quero adicionar linha cortando o texto com a tag wrap('<strike>')
via JQuery. O problema é que preciso selecionar a tag P e SPAN que estão dentro da DIV class media-body, mas somente quando o checkbox que está dentro da DIV media-left estiver selecionado.
<div class="media">
<div class="media-left media-middle">
<label class="custom-control custom-checkbox m-l-1">
<input id="task" name="task" type="checkbox" class="custom-control-input" />
<span class="custom-control-indicator"></span>
</label>
</div>
<div class="media-body">
<p class="notice-date">Data</p>
<span>Uma nota qualquer</span>
</div>
$('input[id="task"]:checked').each(function() {
$(this).closest('.notice-date').wrap('<strike>'); });
Tentei com alguns códigos como o acima e não tive sucesso.