У меня есть таблица с 6+ строк таблицы. каждыйtr содержит 6td«S. каждыйtd имеетdata-name атрибут либо:completed или жеnot completed.

Мне нужно проверить, какиеtr5tdсdata-name атрибут установлен вcompleted.

Если в строке 5 завершеноtdустанавливается, то чтоtr должен быть зеленым.

HTML

<table id="workflowviz">
    <tr class="row">
        <td data-name="step1">0</td>
        <td data-name="stage: completed ">1</td>
        <td data-name="stage: completed ">2</td>
        <td data-name="stage: completed ">3</td>
        <td data-name="stage: completed ">4</td>
        <td data-name="stage: completed ">5</td>
    </tr>
    <tr class="row">
        <td data-name="step2">0</td>
        <td data-name="stage: completed">1</td>
        <td data-name="stage: not completed">2</td>
        <td data-name="stage: not completed">3</td>
        <td data-name="stage: not completed">4</td>
        <td data-name="Sub Stage: New ">5</td>
    </tr>
</table>

JS

Я написал код ниже для первой строки на основеdata-name приписывать. Но хотелось бы избежать необходимости делать это для каждой строки в цикле jQuery.

$(document).ready(function(){
    step1 = ($("td[title |='step1']")
                .parents()
                .children("td[title |='stage: completed']").length);

    //alert("Num of step1= "+step1);

    if(step1 == 5 ) {  

        // alert("Step 1 Done");
        $("td[title |='step1']")
            .parents()
            .addClass("done_colorgreen");
    }
    else {}
});