Put zastępczy przy użyciu jQuery/JavaScript

Question

mogę umieścić zastępczy poprzez jQuery jeśli istnieje pojedynczy <input> na stronie:

<input type="text"/> 

$(document).ready(function() { 
    placeholders(); 
    function placeholders() { 
     $('input[type=text]').each(function() { 

      $(this).attr('placeholder', 'hello'); 
     }); 
    } 
}); 

Mam jednak kilka <input> pól w jedną stronę, jak poniżej:

<input type="text" class="first"> 
<input type="text" class="second"> 

Chcę dodać element zastępczy tylko na pierwszym <input type="text">, który ma class="first".

Jak dodać element zastępczy do pierwszego pasującego tekstu tylko input?

Answer 1

Pragnę dodać zastępczy tylko na pierwszy ma class = „pierwszy”.

Jak dodać element zastępczy do pierwszego pasującego tekstu?

Spróbuj użyć document.querySelector() z selektorem "input[type=text][class=first]", setAttribute()

function placeholders() { 
 
    document.querySelector("input[type=text][class=first]") 
 
    .setAttribute("placeholder", "hello"); 
 
} 
 

 
$(document).ready(placeholders);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<input type="text" class="first"> 
 
<input type="text" class="second">

Answer 2

$('input[type=text].first').attr('placeholder', 'hello'); 

pomocą wybieraka

Answer 3

class Można spróbować tego rozwiązania:
$('input[type=text].first').attr('placeholder', 'hello');

Answer 4

$('input[type=text].first').attr('placeholder', 'hello'); 

Tutaj input będzie wybrać wszystkie input tag, [type=text] wybierze wejście, którego typ jest tekst, a następnie .first wybierze podzestaw z klasą first.

Jeśli chcesz wybrać pierwsze wejście z first klasy następnie zrobić $('input[type=text].first').first()

Answer 5

jeśli chcesz konkretnego elementu skryptu, użyj zamiast identyfikatora klasy dla lepszej wydajności.

<input type="text" class="first" id="first"> 

$("#first").attr('placeholder', 'hello');