點擊項目時點擊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");