Question

我在后端使用带有laravel的jquery。我有搜索栏加载两个PHP刀片。我想占位符和标签动态更改取决于加载的PHP刀片文件。这就是它现在看起来的样子，它只显示第一个标签和占位符，甚至在id中也不存在刀片，它显示第一个标签和占位符。

HTML / BLADE.PHP

style

JS

<div class="container">
    <div class="row">
        <div class="show-hide-section">
            <button class="btn btn-success show-hide-search-bar">Pokaż wyszukiwarkę</button>
        </div>
        <div class="col-xs-12 col-md-12">
            <div class="searcher-section" style="display: none">
                <div class="show-hide-searcher">
                    <div class="input-section">

                        <div class="label-input-searcher">
                            <label for="" class="searcher-label" id="label-searchbar"></label>

                            <input type="text" placeholder="" class="searcher-input form-control" id="input-searchbar" />
                            <div class="null-data" style="display: none;">Wprowadź poprawne dane</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

使用jQuery对象的.length属性来检查元素是否存在。 $(selector)将返回一个永远不会是null的jQuery对象。

if ($('#agents').length > 0) {
    $('#label-searchbar').html('Imię, Nazwisko, Adres email');
    $('#input-searchbar').attr('placeholder','Podaj imię, nazwisko lub adres email');
} else if ($('#company').length > 0) {
    $('#label-searchbar').html('Nazwa biura');
    $('#input-searchbar').attr('placeholder','Podaj nazwę biura');
}

动态更改标签和占位符取决于加载的html

1 个答案: