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

Question

I have the following loop that selects each accordion element on the page and checks if the data attribute is true (each accordion element is a step in a process), if the data attribute is true the active class is applied and the accordion is expanded. However, I would like to apply the active class to the last element with the data attribute of true only.

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

Try using attribute equals selector , :last selector .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');

});

Answer 2

You should get the attribute 'data-workspace-step-complete' using attr function and then check if value is true and perform respective operation.

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

$steps.each(function () {
    var stepComplete = $(this).attr("data-workspace-step-complete");
    if (stepComplete == "true") {
            i++;
        }    
});

i would now give you the index of last element with attr = "true".

var LastElementwithTrue = $('.accordion-navigation.workspace-step').eq(1);

Answer 3

.last（）方法应针对所需的元素：

$('[data-workspace-step-complete=true]').last().addClass('active')