Przekreślenie słowa w javascript, gdy element kliknął:

Question

Po kliknięciu elementu, wykreślono słowo w javascript/jquery.

Klikam i element, przedmiot zanika, ale jednocześnie chcę, aby tekst się wyłączył.

Przykł. Mam jabłko (zdjęcie) i jabłko (tekst). Kiedy klikam na jabłko, chcę, aby obraz zniknął, a tekst się przekreślił.

<div id="items"> 
    <p>Apple</p> 
</div> 
<div id="content"> 
    <div class="box" id="pic1"> <img src = /images/apple.png /></div> 
    <script> 
     $("#pic1").click(function() { 
     $("#pic1").fadeOut("slow"); 
     }); 
    </script> 

To jest mój kod, aż obraz zanika, ale nie mogę dowiedzieć się, w jaki sposób można sprawić, że tekst, aby wykreślić ???

Answer 1

jsFiddle Demo

Można zawinąć tekst w <del>

$("#pic1").click(function() { 
$("#items p").wrap("<del>"); 
$("#pic1").fadeOut("slow"); 
}); 

Answer 2

Spróbuj umieścić to po zaniknięciu.

$(this).parents("p").css("text-decoration", "line-through");