Как решить такую «головомойку». Help Me?

Question

[sHARek]

Добрый день.
Есть такой код (не пугайтесь, это ведь код ребят из Microsoft)
Идет список <ul> с постами/сообщениями.
Каждый пост в своем <li> - их может быть куча

<li id="forum0-Post0-Root" class="ms-comm-postListItem"></li>

- не стал код выкладывать, там тоже самое что и в

<li id="forum0-Post1-Root" class="ms-comm-postListItem">

и в последующих.

Как на основании того, что в <a class="ms-subtleLink" href="#">Александр</a>
textContent == Александр , задать

<li id="тут id всегда меняется" class="ms-comm-postListItem">

- backround = "любой цвет" ?

<li id="forum0-Post0-Root" class="ms-comm-postListItem"></li>
<li id="forum0-Post1-Root" class="ms-comm-postListItem">
<div title="123" class="ms-accessible"></div>
<div class="ms-comm-postMainContainer ms-comm-postSubjectColumn">
<a href="#"><span class="ms-textLarge ms-noWrap">123</span></a>
<div>
	<div class="ms-noWrap ms-comm-postBody">123</div>
</div>
<div class="ms-clear"></div>
<div class="ms-metadata">
<ul class="ms-comm-metalineList ms-noList">
	<li class="ms-comm-metalineItemSeparator ms-comm-metalineItem">
		<span>Автор: <span class="ms-noWrap ms-imnSpan">
			<span class="ms-spimn-presenceLink">
				<span class=" ms-hide">
					<img class="" name="" src="#" alt="">
				</span>
			</span>
			<a class="ms-subtleLink" href="#">О.Е. Виноградова</a>
			</span>
		</span>
	</li>
	<li class="ms-comm-metalineItemSeparator ms-comm-metalineItem">
		<span>Автор последнего ответа: <span class="ms-noWrap ms-imnSpan">
			<a href="#" class="ms-imnlink">
				<img name="" class="ms-hide" src="#" >
			</a>
			<a class="ms-subtleLink" href="#">Александр</a>
			</span>
		</span>
	</li>
		<li class="ms-comm-metalineItem">
			<span>
				<span class="ms-noWrap" title="23.03.2018 11:11">2 мин. назад</span>
			</span>
		</li>
</ul>
	</div>
	</div>
</li>
<li id="forum0-Post2-Root" class="ms-comm-postListItem"></li>

Answer 1

[Антон Швец]

Array.from(document.querySelectorAll('a.ms-subtleLink'))
  .filter(u => u.textContent === 'Александр')
  .forEach(u => u.style.background = 'red')

можно искать не во всем документе, а предварительно выборку сделать, напримерdocument.querySelector('.ms-comm-metalineList') если он один на странице.

Comments

[sHARek]

joxi.ru/zANDWvPSBD9R9m

[Антон Швец]

sHARek, https://jsfiddle.net/fz79zgod/6/
или так
https://jsfiddle.net/fz79zgod/10/

[sHARek]

Антон, странно что все работает как вы сделали, но не работает в ипаном Sharepointe.
windows.onload - не помогает....

Спасибо.

[Антон Швец]

sHARek, ну смотря в чем выполняется скрипт. Может там IE старый, который не знает про стрелочные функции и Array.from
Перепиши на обычные, убери Array.from, forEach часто присуствует и у коллекций тоже. Можно еще querySelector на getElementsByClassName заменить

[Антон Швец]

sHARek, https://jsfiddle.net/fz79zgod/18/

[sHARek]

Спасибо за старания. Не замарачивайтесь. Sharepoint живет в своем мире каком то. Там все сложно.