Question

我的页面上有两种事件类型，我希望自动将CSS类添加到事件的父类（div）中的<span>项目data-colr="value"。

例如：

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

非常感谢任何帮助！

Answer 1

使用此：

{{1}}

Answer 2

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

Answer 3

<强>的jQuery ：

$(document).ready(){
    if ($(".eventon_list_event").data("colr")=="#123456")
    {
        $(".eventon_list_event span").css("color", "#e1e1e1");
    }
}

对于多个 div ：

$(document).ready(){
    $('.eventon_list_event').each(function(){
        if ($(this).data("colr") == '#123456') {
            $(this).find('span').css('color', '#e1e1e1');
        }
    });
}

每个

- 循环遍历 DOM 元素的所有实例

如果你错过了，jquery将从第一个div而不是所有单独的

中获取数据

请务必始终写下this而不是'this'

这是不好的方法：

Bad Way

这是好方法：

Good way

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

3 个答案:

Codepen

每个