javascript - 添加类不适用于超链接

Question

jQuery

if ($('.panel a').hasClass('collapsed')) {
    $('.panel a').addClass('no-print');
}   

HTML

<div class="panel panel-default">
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" class="collapsed">
</div>

我上面有我的 jQuery 和 HTML，我想添加无打印，这会触发不会打印其内容的无打印 CSS 样式...但是，它不起作用。我的 jQuery 错了吗？

我已遵循此说明:

1. > Check to see if href has class, if so, grab the id
2. > Determine if an element has a CSS class with jQuery

我不知道还能做什么...

Answer 1

将您的脚本代码包装在 document.ready 事件中。

$(document).ready(function() {
  if ($('.panel a').hasClass('collapsed')) {
    $('.panel a').addClass('no-print');
  }
})

Js Fiddle