Как узнать есть ли элемент с определённым содержимым?

Question

[MegaPuxapb]

Как проверить, если в .wrap элемент .price с содержимым "2 руб." ?

var price = "2 руб.";

<div class="wrap">
      <div class="price">2 руб.</div>
      <div class="price">3 руб.</div>
      <div class="price">4 руб.</div>
</div>

Answer 1

[0xD34F]

Получаем один элемент, текст которого точно совпадает с заданным:

const elem = Array
  .from(document.querySelectorAll('.wrap .price'))
  .find(n => n.textContent === price);

if (elem) {
  ...

Получаем все элементы, которые содержат заданный текст:

const elems = Array.prototype.filter.call(
  document.querySelectorAll('.wrap .price'),
  n => n.innerText.includes(price)
);

if (elems.length) {
  ...