javascript - jQuery 循环查找值为 true 的最后一个数据属性并添加类

Question

我有以下循环，选择页面上的每个折叠元素并检查数据属性是否为 true(每个折叠元素是流程中的一个步骤)，如果数据属性为 true，则应用事件类并且折叠被扩展。但是，我想仅将事件类应用于数据属性为 true 的最后一个元素。

jQuery:

var $steps = $('dd.accordion-navigation.workspace-step');

$steps.each(function () {

    var stepComplete = $(this).data('workspace-step-complete');

    if (stepComplete === true) {
        $(this).addClass('active')
            .find('.content')
            .addClass('active');
    }
});

HTML:

<dd class="accordion-navigation workspace-step" data-workspace-step-complete="true">
<!-- Apply active class to this step only -->
<dd class="accordion-navigation workspace-step" data-workspace-step-complete="true">
<dd class="accordion-navigation workspace-step" data-workspace-step-complete="false">
<dd class="accordion-navigation workspace-step" data-workspace-step-complete="false">
<dd class="accordion-navigation workspace-step" data-workspace-step-complete="false">

Answer 1

尝试使用属性等于选择器，:last选择器.is()

var $steps = $('dd.accordion-navigation.workspace-step');

$steps.each(function () {

    $(this).is("[data-workspace-step-complete=true]:last") &&    
    $(this).addClass('active')
    .find('.content')
    .addClass('active');

});