Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как использовать document.querySelector для поиска по подстроке в тексте селектора? (https://javascript.ru/forum/jquery/83802-kak-ispolzovat-document-queryselector-dlya-poiska-po-podstroke-v-tekste-selektora.html)

raja 17.03.2022 14:38

как использовать document.querySelector для поиска по подстроке в тексте селектора?
 
мой код:
id_full = document.querySelector("div:contains('Регион')").getAttribute('id');

Выдаёт ошибку:
Uncaught DOMException: Document.querySelector: 'div:contains('Регион')' is not a valid selector

Как искать по тексту без использования jquery?

рони 17.03.2022 15:15

contains in js
 
raja,
<!DOCTYPE HTML>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .red {
            background-color: #FF0000;
        }
    </style>
</head>

<body>
    <p>1</p>
    <div class="advclass">Регион</div>
    <p class="advclass">1</p>
    <script>
        function containsAll(sel, str) {
            return [...document.querySelectorAll(sel)].filter(({
                textContent
            }) => textContent.includes(str))

        }
        let elem = containsAll('div', 'Регион')[0];
        elem.classList.add('red')
    </script>
</body>

</html>


Часовой пояс GMT +3, время: 09:18.