Как вывести код, если на странице имеется класс о определенным текстом?

Question

Как вывести код, если на странице имеется класс c определенным текстом?
Например, если в <div class="nalichie">+</div> значение +, вывести на этом месте <div class="in-stock">В наличии</div>, если значение не совпадает - ничего не выводить.

<div class="nalichie">+</div>

Answer 1

    window.onload = function () { // При загрузке документа
        let nal = document.getElementsByClassName('nalichie'); // Получаем все элементы с классом
        [...nal].forEach(function (c) { // Для каждого элемента с классом проверяем
            if (c.innerText == '+'){ // Если текст в поле == +, то...
                c.className = 'in-stock'; // Меняем класс элементу
                c.innerText = 'В наличии'; // Меняем текст элемента
            }
        });
    }

    <div class="nalichie">+</div>
    <div class="nalichie">-</div>
    <div class="nalichie">+</div>
    <div class="nalichie">+</div>
    <div class="nalichie">-</div>
    <div class="nalichie">-</div>
    <div class="nalichie">+</div>

Answer 2

    <div class="nalichie">
        <? $arr = array( '-', '-', '+', '-', '+', '+', '+');

        foreach ($arr as $l => $v) {

            if ($v == '+') { ?>
                <div class="in-stock">В наличии</div>
            <?}
        }
    ?>
    </div>

БЛОГ НА HUSL

Как вывести код, если на странице имеется класс о определенным текстом?

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