@sHARek

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

Добрый день.
Есть такой код (не пугайтесь, это ведь код ребят из 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>
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
Xuxicheta
@Xuxicheta
инженер
Array.from(document.querySelectorAll('a.ms-subtleLink'))
  .filter(u => u.textContent === 'Александр')
  .forEach(u => u.style.background = 'red')


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы