CODEWITHSUNDEEP
javascriptjqueryhtmldynamic
Syamkumar S
Syamkumar S

Reputation: 164

How to add a Class into dynamically created DOM element or a class

The classes category2, category3, category4 etc. are the dynamically created. I want to add and remove some class called active like class="category2 active".

Here is the code where I have tried to add the .active class into that dynamically created class dynamic-class*, but it's not working:

if (count == 1) {
  $('.dynamic-class' + count).removeClass('active');
  $('.dynamic-class' + 2).addClass('active');
}
if (count == 2) {
  $('.dynamic-class' + count).removeClass('active');
  $('.dynamic-class' + 1).addClass('active');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="film_listing live_tv">
  <div class="col-sm-2"><img id="11665" class="dynamic-class1" src="images/movies/flowerstv.jpg"></div>
  <div class="col-sm-2"><img id="11666" class="dynamic-class2" src="images/movies/flowerstv.jpg"></div>
</div>

Upvotes: 0

Views: 175

Answers (1)

Chaska
Chaska

Reputation: 3205

You are missing the . when selecting by classname. Try below:

if (count == 1) {
    $('.dynamic-class' + count).removeClass('active');
    count++;
    $('.dynamic-class' + count).addClass('active');
}
if (count == 2) {
    $('.dynamic-class' + count).removeClass('active');
    count--;
    $('.dynamic-class' + count).addClass('active');
}

Upvotes: 4

Related Questions