javascript - 如果 child 有类(class)，则选择 child 的 parent

Question

我一直在尝试用 Flexslider v2 改变一些东西来满足我的需要。 我一直在尝试使用 jQuery 来定位 img class="active" 的父 li 因为我想给它一个类 selected 但我还没有很成功

<ol class="foo">
  <li>
    <img src="bar.png" class="active">  <-- This class changes img elements depending on the active slide
  </li>
  <li>
    <img src="bar.png">
  </li>
  <li>
    <img src="bar.png">
  </li>
</ol>

我想到了这样的事情:

$(document).ready(function() {
   $('.foo li').children().each(function(index, value) {
     if($(value).hasClass('active')) {
         $(this).parent('li').addClass('selected');
     } else {
         $(this).parent('li').removeClass('selected');
     }
  });
});

它在控制台中工作，但在我的 main.js 文件中什么也不做。

Answer 1

LIVE DEMO

简单如一行:

$('.foo li').find('img.active').closest('li').addClass('selected');

或者如果你真的需要它:

LIVE DEMO

$('.foo li').find('img').each(function(index, el) {
    if($(el).hasClass('active')) {
        $(el).closest('li').addClass('selected');
    } else {
        $(el).closest('li').removeClass('selected');
    }
});

jQuery API Documentation - Closest