javascript - 如果父级具有特定值，则希望将 CSS 类添加到子级

Question

我的页面上有两种事件类型，我想自动将 CSS 类添加到事件的父类 (div) 中的 <span> 元素，如果它们的 data-colr="value" 。

例如:

如果类 data-colr="#123456" 的 .eventon_list_event 存在，则将 color="#e1e1e1" 添加到该父类 <span> 中的 .eventon_list_event。

如有任何帮助，我们将不胜感激!

Answer 1

HTML:

<div class="eventon_list_event" data-color="#123456">
  Div
  <span>Span</span>
  <span>Span</span>
  <span>Span</span>
  <span>Span</span>
  <span>Span</span>
</div>

CSS:

.span-color {
  color: #f06;
}

jQuery:

if($('.eventon_list_event').data('color') === '#123456') {
  $('.eventon_list_event').find('span').addClass('span-color');
}

Codepen