javascript - jquery - 将类添加到具有多个类的现有 div

标签 javascript jquery html css

我正在尝试将一个类添加到具有多个类但不起作用的现有 div,该类未添加。 我在标题上添加了这个(它是 shopify 模板):

<script type="text/javascript">
 jQuery(document).ready(function($) {
$('div.wk_right_header_inner wk_font_weight_bold wk_font_family wk_paddingbottom10').addClass('new-class');
 });
 </script>

div 看起来像这样(< 后没有空格):

<div class="wk_right_header_inner wk_font_weight_bold wk_font_family  
 wk_paddingbottom10"> Test </div>

谢谢

最佳答案

你需要做的

$('div.wk_right_header_inner.wk_font_weight_bold.wk_font_family.wk_paddingbottom10').addClass('new-class');
 });

因为现在它认为其他类都是子元素。

关于javascript - jquery - 将类添加到具有多个类的现有 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32668199/

相关文章:

javascript - 我如何格式化这个 url 以便它在 JavaScript 中显示?

javascript - 内容未更新(Javascript 和 HTML)

javascript - "a"标签的 href 在 ul li 中不起作用

html - 如何在 CSS 媒体查询中嵌套和/或声明?

html - 子菜单(下拉菜单)被截断并且不显示在移动设备上

javascript - 如何使用 knockout.js 设置数据绑定(bind)到 SVG 图像?

javascript - ReactJS:调用 setLoading 时状态没有改变

javascript - 使用返回 json 的 lambda 函数

javascript - 为什么我使用 jQuery 的 if/else JS 语句不起作用?

单击时的 JavaScript 笔划填充