2013-04-08 13 views
6

Öğe tıklandığında javascript/jquery'de bir sözcüğü vur.Öğe tıklandığında javascript'te bir sözcük çarptı

Öyleyse, öğeyi tıklatıyorum ve öğeyi kaldırıyorum, ancak aynı zamanda metnin dışarı çıkmasını istiyorum.

Ex. Elma (resim) ve bir elma (metin) var. Elmayı tıklattığımda resmin kaybolmasını ve metnin çıkarılmasını istiyorum.

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

resim yavaş yavaş kaybolurken, ancak kısa dışarı vurmaya hale nasıl ben çözemiyorum kadar bu benim kodudur ???

+1

<del> [bir cevap nasıl kabul edilir?] (Http://meta.stackexchange.com/a/5235/202006 metni sarabilirdiniz –

cevap

3

jsFiddle Demo

Sen

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

Bunu soluktan sonra yerleştirmeyi deneyin.

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

geçerli bir HTML5 etiketi değil, bu en doğru yanıt olarak işaretlenmelidir. Teşekkürler @tymeJV! – ingernet

İlgili konular