7

項目がクリックされたときに、javascript/jquery で単語を取り消します。

だから私はアイテムをクリックしています。アイテムはフェードアウトしますが、同時にテキストを打ち消したいです。

元。私はリンゴ（画像）とリンゴ（テキスト）を持っています。リンゴをクリックすると、画像がフェードアウトし、テキストが打ち消されます。

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

これは、画像がフェードアウトするまでの私のコードですが、テキストを三振にする方法がわかりませんか???

4

2 に答える 2

25

これをフェードの後に​​入れてみてください。

$(this).parents("p").css("text-decoration", "line-through");
于 2013-04-08T23:53:45.610 に答える
3

jsFiddle デモ

テキストをラップすることができます<del>

$("#pic1").click(function () {
 $("#items p").wrap("<del>");
 $("#pic1").fadeOut("slow");
});
于 2013-04-08T23:56:37.683 に答える