Question

我试图将类添加到具有多个类但不起作用的现有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看起来像这样（在＆lt;之后没有空格）：

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

由于

Answer 1

你需要做

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

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

Answer 2

看看这个：

 jQuery(document).ready(function($) {
$(' .wk_right_header_inner ').addClass('new-class');
 });

.new-class
{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="wk_right_header_inner wk_font_weight_bold wk_font_family wk_paddingbottom10"> Test </div>

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

2 个答案: