How to remove class value using jquery

Question

Can I remove a class property in html using jquery?

If the element is class = "item active" on the next clone in jQuery how can I remove the active word?

Here's the Jquery Code

(function() {

  $('#itemslider').carousel({
    interval: 3000
  });
}());

(function() {
  $('.carousel-showmanymoveone .item').each(function() {
    var itemToClone = $(this);
    var allcase = $('#cases').val();

    for (var i = 1; i < allcase - 1; i++) {
      itemToClone = itemToClone.next();


      if (!itemToClone.length) {
        itemToClone = $(this).siblings(':first');
      }


      itemToClone.children(':first-child').clone()
        .addClass("cloneditem-" + (i))
        .appendTo($(this));
    }
  });
}());

thank you everyone, yes i did try that code before i asked but i don't know where to place it hahaha — Aze Ronquillo
– Aze Ronquillo, Commented Apr 11, 2017 at 15:35

Mzhda Saeed · Accepted Answer · 2017-04-11 15:32:06Z

2

you should use removeClass method

$(".active").removeClass("active");

edited Apr 11, 2017 at 15:32

answered Apr 11, 2017 at 15:24

Mzhda Saeed

2232 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Roy Bogado Over a year ago

No need the dot inside removeClass('active').

Mohamed Abbas · Accepted Answer · 2017-04-11 15:38:32Z

0

$("#your-element-id").removeClass('the-class-you-want-to-remove')

Example:

// Try to comment this line
$("#my-div").removeClass('active');

.active{
  background-color: grey;
}
.blue{
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="my-div" class="item active blue">Hello, World!<div>

edited Apr 11, 2017 at 15:38

answered Apr 11, 2017 at 15:28

Mohamed Abbas

2,3081 gold badge14 silver badges19 bronze badges

Comments

ADoorMarkedPirate · Accepted Answer · 2017-04-11 15:25:49Z

0

You can use the jQuery.attr function to set the new class.

jQuery('selector').attr('class', 'item');

answered Apr 11, 2017 at 15:25

ADoorMarkedPirate

4002 silver badges14 bronze badges

1 Comment

Mohamed Abbas Over a year ago

Good, but this will remove other classes. Ex: class="item active blue", When use your method this witll be class="item". note that blue class was removed

Collectives™ on Stack Overflow

How to remove class value using jquery

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related