Как написать на чистом JS $(:contains)?

Question

[Nikita]

Всем привет! помогите плс, как перевести этот код в чистый JS ?

$("h3:contains('Some Value')")

Answer 1

[profesor08]

Array.from(
  document.querySelectorAll("h3")
).filter(
  e => e.textContent.includes("Some Value")
);

Answer 2

[Alex]

Нативного аналога :contains нет.
Можно сделать так:

const collection = [...document.body.querySelectorAll('h3')]
  .filter(h3 => /* Любая проверка елемента */)

Comments

[Надим]

Аналога нет, но можно написать:

function contains(selector, text) {
  var elements = document.querySelectorAll(selector);
  return Array.from(elements).filter(function(element) {
    return RegExp(text).test(element.textContent);
  });
}

// Пример использования
test = contains('h3', 'Some Value');
console.dir(test); // Выводим найденное

Answer 3

[Julia Ovod]

Посмотрите документацию.

Если вам нужно проверить текстовое содержимое элемента:

<h3>JavaScript, Python, C++</h3>

const title = document.querySelector('h3');
console.log(title.innerText.includes('JavaScript')); // => true