Javascript 删除jQuery中不工作的事件

这是我的密码：

    <div id="header">
        <h2>Jump for Joy Sale</h2>
    </div>
    <div id="main">
        <div class="guess-box"><img src="img/saina1.png" />
        </div>
        <div class="guess-box"><img src="img/saina1.png" />
        </div>
        <div class="guess-box"><img src="img/saina1.png" />
        </div>
        <div class="guess-box"><img src="img/saina1.png" />
        </div>
    </div>
    <script>
    $(document).ready(function() {
        $(".guess-box").click(function() {
            $(".guess_box p").remove();
            var discount = Math.floor((Math.random() * 5) + 5);
            var discount_msg = "<p>Your Discount is " + discount + "%</p>";
            $(this).append(discount_msg);
        }); //end click function
    }); //end doc ready
    </script>

跳楼大甩卖
$（文档）.ready（函数（）{
$（“.guess box”）。单击（函数（）{
$（“.guess_box p”）.remove（）；
var折扣=数学下限（（数学随机（）*5）+5）；
var折扣_msg=“您的折扣是“+折扣+”%
”；
$（此）.append（折扣信息）；
})；//结束单击函数
}); //结束文件准备就绪

这是我的名片

单击图像时，它会显示随机折扣，再次单击后应将其隐藏，但它会一次又一次显示折扣。

---

我尝试使用删除事件，但它不起作用。

针对p元素的选择器错误。它应该是

$（“.guess box p”）

：

$(".guess-box").click(function() {
  $(".guess-box p").remove();
  var discount = Math.floor((Math.random()*5) + 5);
  var discount_msg = "<p>Your Discount is "+ discount +"%</p>";
  $(this).append(discount_msg);
});

---

发生这种情况是因为你说

$(this).append(discount_msg);

这将始终在末尾附加值

你什么时候应该这样做

$(this).html(discount_msg);

这将删除存在的任何值，并将其替换为新值

---

注意：这也将删除图像。因此，您也应该在选择器中指定p标记

您的选择器是错误的

.guess\u box p

应该是

。guess box p

（你可能想要

$（这个）。无论如何，找到（'p'）

）

$（“.guess\u box p”）

应该是

$（“.guess box p”）

谢谢@billyonecan。。对不起，我犯了个简单的错误。。。如果OP想要删除所有折扣，或者只删除当前点击的

。猜一猜框

谢谢@milind，，，，，，，，，

$(this).html(discount_msg);