Question

我想在不使用下面的链接（class =“remove”）的情况下清除警报，但是当用户点击页面上的div中的任何地方时。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){


$(".remove").click(function(){
$("#errprompt").remove();
});

});

</script>
</head>
<body>
<div style="border-style:solid;">
<p><a class="remove" href="#">Clear Alerts</a></p>
<span id="errprompt" class="errprompt" name="firstname">* Please enter something</span>
</div>
</body>
</html>

Answer 1

您可以在div对象上使用jquery.onClick()。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">    </script>
<script>
    $(document).ready(function(){

        $("div.clickable").click(function(){
            $("#errprompt").remove();
        });

    });

</script>
</head>
<body>
    <div style="border-style:solid;" class="clickable">
    <p><a class="remove" href="#">Clear Alerts</a></p>
    <span id="errprompt" class="errprompt" name="firstname">* Please enter something</span>
    </div>
</body>
</html>

不确定它是否回答了你的问题，请告诉我。

从div而不是link触发click事件

1 个答案: