Question

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
  var value =   $("p").removeClass("intro");

  });
});
</script>
<style>
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p class="intro">This is another paragraph.</p>

<button>Remove the "intro" class from all p elements</button>

</body>
</html>

嗨，

这是我删除某些课程的程序

我的问题是，如何知道removeclass操作是成功还是失败？

$("p").removeClass("intro");可以为此设置任何返回类型??

Answer 1

您可以使用.hasClass()来验证：

$("p").hasClass("intro")

Answer 2

使用.removeClass()函数对.hasClass()执行if ($('p').hasClass('intro')) { ... }后，您可以验证该节点是否仍然具有该类：

{{1}}

Answer 3

<script>
$(document).ready(function(){
  $("button").click(function(){
  $("p").removeClass("intro");
  if ($("p").hasClass("intro"))
  {
     alert("class not removed !");
  }

  });
});
</script>

我们怎么知道removeClass操作是成功还是失败？

3 个答案: