当我点击按钮时,每件事都关闭了,为什么会发生这种情况?

时间:2012-05-18 11:06:33

标签: jquery

在我的网站上,当我点击隐藏的costum区域按钮时,一切都已关闭。

当我点击这个按钮时,我不想关闭它们。但他们已经关闭了。

我应该为此做些什么。

<!DOCTYPE html>
<html>
<head>
  <style>
  p { background:red; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>

It is a long established fact that a reader will be distracted. The point of using Lorem Content is here...

  </p>
  <p>
  <span>Mr [Name], [Surname]</span>
  <a href="http://www.mobilyala.com" />
       <img src="http://www.mobilyala.com/home.png" alt="Home" />
   </a>
   Welcome to our website. You can read all about our services. We are working on dekorasyon

   <button>Hidden Custom Area</button>

</p>
<script>
  $("button").click(function () {
    $("p").empty();
  });
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:5)

代码删除每个<p>元素的内容。您还期待什么?

如果您只想要包含按钮的<p>,请使用thios:

$(this).closest('p').empty();

而不是.empty()您可能还需要.remove()