JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<form name="aspnetForm" method="post" action="view.aspx" id="aspnetForm"
        onsubmit="return _spFormOnSubmitWrapper();">
            <div>
                <input type="hidden" name="MSO_PageHashCode" id="MSO_PageHashCode" value="11"
                />
                <input type="hidden" name="MSOWebPartPage_PostbackSource" id="MSOWebPartPage_PostbackSource"
                value="" />
                <input type="hidden" name="MSOTlPn_SelectedWpId" id="MSOTlPn_SelectedWpId"
                value="" />
                <input type="hidden" name="MSOTlPn_View" id="MSOTlPn_View" value="0" />
                <input type="hidden" name="MSOTlPn_ShowSettings" id="MSOTlPn_ShowSettings"
                value="False" />
                <input type="hidden" name="MSOGallery_SelectedLibrary" id="MSOGallery_SelectedLibrary"
                value="" />
                <input type="hidden" name="MSOGallery_FilterString" id="MSOGallery_FilterString"
                value="" />
                <input type="hidden" name="MSOTlPn_Button" id="MSOTlPn_Button" value="none"
                />
                <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value=""
                />
                <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value=""
                />
                <input type="hidden" name="__REQUESTDIGEST" id="__REQUESTDIGEST" value="0x1C6029D62486BBB8AD70B6417644049F4FFBCE7A86431EE2C8B7CBAE98D9FA35A445089F376268D3C5F34FF79E3A81D60429C546C0EA6F792839FC108EA766D7,20 Jun 2012 13:04:37 -0000"
                />
                <input type="hidden" name="MSOSPWebPartManager_DisplayModeName" id="MSOSPWebPartManager_DisplayModeName"
                value="Browse" />
                <input type="hidden" name="MSOWebPartPage_Shared" id="MSOWebPartPage_Shared"
                value="" />
                <input type="hidden" name="MSOLayout_LayoutChanges" id="MSOLayout_LayoutChanges"
                value="" />
                <input...

JavaScript

////Надо покрасить строки у которых Заказан равняется "Нет"

//Берём ячейку со словом "Заказан"
var th = $('th:contains(Заказан)');

//Запоминаем её родителя
var parentTr = th.parent();

//узнаём какая это по счёту ячейка (n)
var zakp = parentTr.find('th').index(th);

//=--=-=-=-=-=-=-=-=-=-=
//выбираем все ячейки целевой таблицы, кроме первой
var target = $("table[summary='Заказ пропусков'] > tbody > tr:gt(0)");

//итерируем по строкам таблицы
$(target).each(function(){
    //если в n по счёту столбце есть слово "Нет", то разукрашиваем в зелёный цвет её родителя(т.е. tr)
    $(this).find('>td:eq('+zakp+'):contains(Нет)').parent().css({'background-color':'#D6FFD8'});
});