Question

我正在尝试从此HTML代码中删除类package com.myProject.customLibrary.configuration; @Configuration @ComponentScan("com.myProject.customLibrary.configuration") @EnableJpaRepositories("com.myProject.customLibrary.configuration.repository") @EntityScan("com.myProject.customLibrary.configuration.domain") public class SharedConfigurationReference {}和div1。

代码段示例：

intro

$(function() {
  $('div').on('click', function() {
    alert("Hello");
    $("div").removeClass("div1");
    $("p").removeClass("intro");
  });
});

现在，当我点击div时，我得到了hello警报但是div1和intro类没有被删除。关于我在这里可能缺少什么的任何建议？

更新：我应该使用remove而不是removeClass。的 Fiddle sample

Answer 1

问题似乎是remove和removeClass之间的误解。 OP想要从DOM中删除一个元素，因此应使用remove()，而不是想要使用removeClass()删除该类

jsfiddle

Answer 2

如果您正在寻找从DOM中删除元素，请运行如下脚本：

＆＃13;

$('div').on('click',function(){
    alert("Hello");
    $(".div1").remove();
    $(".intro").remove();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1">div 1</div>
<div class="div2">div 2</div>
<div class="div3">div 3</div>
<div class="div4">div 4</div>
<p class="intro">This is a paragraph.</p>
<p class="intro">This is another paragraph.</p>

＆＃13;

removeClass('intro1')将从对象中删除intro类属性。 remove()是将其从DOM本身中删除的函数。

Answer 3

您正在选择p元素并尝试删除div1上的div2和div个类：

$(function() {
  $('div').on('click', function() {
    
    $("div").removeClass(function (index, className) {
      return (className.match (/div[0-9]/g) || []).join(' ');
    });
    $("p").removeClass("intro");
  });
});

.div1, .div2, .div3, .div4 {
    border: 1px solid red;
  }

.intro {
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1">div 1</div>
<div class="div2">div 2</div>
<div class="div3">div 3</div>
<div class="div4">div 4</div>
<p class="intro">This is a paragraph.</p>
<p class="intro">This is another paragraph.</p>

在jquery中尝试removeClass失败

3 个答案: