Dynamische Änderung Label und Platzhalter hängt von geladenen HTML

Question

Ich benutze jquery mit Laravel auf Backend. Ich habe eine Suchleiste, die auf zwei PHP-Blades geladen ist. Ich möchte Platzhalter und Label zu dynamischen Änderungen abhängig von geladenen PHP-Blade-Datei. So sieht es jetzt aus, es zeigt nur die erste Beschriftung und den Platzhalter an und selbst wenn die ID nicht in Blade vorhanden ist, werden zuerst die Beschriftung und der Platzhalter angezeigt.

HTML/BLADE.PHP

<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> 

JS

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

Answer 1

Verwenden .length Eigenschaft von jQuery-Objekt zu überprüfen, ein Element vorhanden ist. $(selector) gibt ein jQuery-Objekt zurück, das niemals null ist.

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'); 
}