Как изменить css элемента исходя из текста?

Question

HTML:

<body>
<h1 align="center">HTML Code Example</h1>
 <div>
  <h4 class="title">Example Title<h4>
  <span>Blah blah blah<span>
  <span class="general-buttons" onclick="deletePost();">(Delete)<span>
  <span align="right" class="general-buttons" onclick="window.history.back();">[Back]</span>
 </div>
</body>

В интернете никакой информации по этому поводу я не нашёл(искал только на англ. язычных), сам я не знаю как изменить стиль конкретной кнопки, поэтому обращаюсь к великим умам этого сайта: Можно ли изменить стиль кнопки Delete не затрагивая другие элементы с помощью текста внутри элемента? Может это возможно с помощью jQuery или JS(Ванильного)?

Answer 1

Стиль конкретной кнопки можно с помощью jQuery командой приведённой ниже: $("span:contains('(Deleted)')").css('background-color','#fdd60391');

CDN ссылка на jQuery: https://code.jquery.com/jquery-3.6.0.min.js

БЛОГ НА HUSL

Как изменить css элемента исходя из текста?

Ответы (1 шт):