jQuery 删除第二类

Question

例如： <h3 class="first second">Text</h3>如何去除html second class？

希望可以看到<h3 class="first">Text</h3>我尝试了代码但不起作用。

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

有什么想法吗？ 谢谢！

Answer 1

只要页面上有 jQuery，您就应该可以使用。

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

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

或

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

或

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

Answer 2

通用解决方案..

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

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

Answer 3

只需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

'second' 是什么意思？

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

 <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>

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