jquery if div 有显示 none addclass 到父类

Question

如果类“refinement_category_item”下面的 div 具有 style="display:none"，我想在类“catresults”的 div 上添加一个类。

 <div class="refinement_category_section">
    <div class="find_by_category_text">
      <div class="catresults">By Category</div>
    </div>
    <div class="refinement_category_item" style="display: none"> <a onclick="Add_Search_Param('cat', '2847'); Refine();" href="javascript: void(0);" class="refinement_category_link"> <span class="refinement_category_text">Back Bar Coolers (61)</span> </a> </div>



   $(document).ready(function(){
  if($(".refinement_category_item").not(":visible")){
  $(".refinement_category_item").parent().find("div.catresults").addClass('backgroundfilter');
  }
});

Answer 1

var div = $('.refinement_category_item');

if ( ! div.is(':visible')) {
   div.parent().addClass('backgroundfilter');
}

一些笔记...

• this 由 jQuery 设置 - 它不是由 if 构造设置。
• 使用 is(':visible') 是 jQuery 方式。
• 使用 addClass() 添加类时，不要将前导 . 放在那里。
• 通常最好使用 DOM 就绪 $(function() { ... })，然后将脚本内联到 DOM 元素下。