Найти класс с определенным содержимым и добавить ему класс?

Question

[viktorulyushev]

Есть классы которые формируются в цикле,т.е они одинаковые,и порядок может меняться,но названия разные,мне нужно как то по ним проходиться,если в классе найдется нужное мне слово,то присвоить этому классу какое нибудь новое значение класса

Код который формируется в цикле

<li id="tab@(tabIndex++)" class="tabs-header-item">
                <a href="" class="tabs-header-item-link">
                    @tab.Title
                </a>
            </li>

Прохожусь по циклу

$('.tabs-header-item-link').each(function(index,data) {
debugger
  console.log('Порядковый номер: ' + index + ' ; Содержимое: ' +$(data).text());
});

или присвоить всем разные идентификаторы

var i=0;
	$(".tabs-headers li").each(function(){
		i++;
	$(this).attr("id","tabs-headers"+i);	
	});

дальше хз как

Comments

[Dark Hole]

Такая логика должна быть на стороне шаблонизатора.

Answer 1

[viktorulyushev]

Получилоась сделать без js

@foreach (var tab in Model.Tabs)
        {
            var dop = tab.Title == "Дополнительно" ? "asd" : "asd1";
            <li id="tab@(tabIndex++)" class="tabs-header-item @dop" data-tab-header="" data-ng-hide="!tabHeader.isRender" data-ng-class="{'tabs-header-active cs-br-1' : tabHeader.selected}">
                <a href="" class="tabs-header-item-link" data-ng-click="tabs.change(tabHeader)" data-ng-class="{'link-dotted-invert' : !tabHeader.selected, 'cs-l-2 link-dotted-invert link-dotted-none' : tabHeader.selected}">
                    @tab.Title
                </a>
            </li>
        }