单击项目时在javascript中删除单词

Question

点击项目时，在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>

这是我的代码，直到图像淡出，但我无法弄清楚如何才能使文本删除???

Answer 1

尝试在淡入淡出后放置它。

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

Answer 2

<强> jsFiddle Demo

您可以将文字换成<del>

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