javascript - 如何将类添加到动态创建的 DOM 元素或类中

标签 javascript jquery html dynamic

category2category3category4等是动态创建的。我想添加和删除一些名为 active 的类,例如 class="category2 active"

这是我尝试将 .active 类添加到动态创建的类 dynamic-class* 中的代码,但它不起作用:

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>

最佳答案

按类名选择时缺少.。请尝试以下操作:

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');
}

关于javascript - 如何将类添加到动态创建的 DOM 元素或类中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52293643/

相关文章:

javascript - 有一种方法可以从 primefaces 调用 javascript 函数

javascript - 从对象数组中的对象中检索数据

javascript - 在javascript中使用child_process执行shell命令

javascript - jQuery Cycle 插件 - 容器的自动高度

javascript - 使用 CSS 变换缩放 <div> 容器

javascript新对象构造函数替代正确吗?

javascript - 是否有一个 javascript (jquery) slider 可以独立于显示值来限制值?

javascript - downloadUrl 函数不适用于使用 opencart 创建谷歌地图定位器

html - 自动调整div的高度

html - 使用 LESS 为 IE8 提供 RGBa 浏览器支持的最优雅方式