Удалите слово в javascript, когда элемент нажат

Question

Удалите слово в javascript/jquery, когда элемент нажат.

Так что я нажимаю и элемент, элемент исчезает, но в то же время я хочу, чтобы текст удалялся.

Ex. У меня есть яблоко (изображение) и яблоко (текст). Когда я нажимаю на яблоко, я хочу, чтобы изображение исчезло, и текст вычеркнул.

<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> 

Это мой код до тех пор, пока изображение не исчезает, но я не могу понять, как я могу сделать текст вычеркнуть ???

Answer 1

jsFiddle Demo

Вы можете обернуть текст в <del>

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

Answer 2

Попробуйте положить это после выцветания.

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