javascript - 单击元素时在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");