Question

例如：<h3 class="first second">Text</h3> 如何删除html第二类？

希望可以看到<h3 class="first">Text</h3> 我尝试了代码，但没有工作。

$( "h3" ).removeClass( "first second" ).addClass( "first" );

有什么想法吗？谢谢！

Answer 1

只要jQuery出现在页面上，你所拥有的就应该工作。

无需删除然后重新添加;您可以搜索任何一个类，然后根据需要删除第二个类：

$("h3.second").removeClass("second");

OR

$("h3.first").removeClass("second");

OR

$("h3.first.second").removeClass("second");

Answer 2

如果您不知道班级名称，可以这样做：

var className=$('.first').attr('class').split(' ')[1];

$( "h3" ).removeClass( className );

Answer 3

只需removeClass()也可以。您的代码看起来正确，但如果仍然面临问题，请向我们提供一个小提琴

<强> removeClass

$( "h3" ).removeClass( "second" );

 .first {
    color: blue;
  }
  .second {
    text-decoration: underline;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3 class="first second">Text</h3>

Answer 4

你的意思是＆＃39;第二＆＃39; ？

＆＃13;

var whichIndexYouWantRemove = 1;
var classString = $( "h3" ).attr('class');
var classes = classString.split(" ");
classes.splice(whichIndexYouWantRemove,1);
var newClassString = classes.join(' ');
$('#result').text(newClassString);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3 class="aaa bbb ccc ddd eee">
Hello Guys
</h3>

<div id="result">
...
</div>

＆＃13;

https://jsfiddle.net/821vmoj4/1/

jQuery删除第二个类

4 个答案: