jQuery-Selektor der optionalen Typen

Question

Dieser jQuery-Selektor versucht, input Elemente mit einem der folgenden Typen zuzuordnen [text | number | email | tel] Es stimmt nicht mit den Elementen überein. Wie kann es gemacht werden? Thx

$('input[type="text"][type="number"][type="email"][type="tel"]') 

Answer 1

Sie benötigen ein Komma getrennt Wähler haben:

$('input[type="text"], input[type="number"], input[type="email"], input[type="tel"]') 

Eine weitere Option ist:

$('input').filter('[type="text"],[type="number"],[type="email"],[type="tel"]') 

Answer 2

Mit etwas wie folgt aus:

$('input[type="text"], input[type="number"], input[type="email"], input[type="tel"]') 

https://api.jquery.com/multiple-selector/

Answer 3

Der Eingang kann jeweils nur einem Typ entsprechen. Probieren Sie stattdessen mehrere Selektoren aus.

Im folgenden Fall wird der zuerst gefundene Fall ausgeführt.

$('#btn').click(function(){ 
 

 
    console.log($('input[type="text"], input[type="number"], input[type="email"], input[type="tel"]').val()); 
 
    
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<input type="number" /> 
 
<input type="email" /> 
 
<input type="tel" /> 
 
<button id="btn">Click</button>

Wenn Sie den Wert alle laufen, nur um über alle Elemente, die die Wähler

$('#btn').click(function(){ 
 

 
    $('input[type="text"], input[type="number"], input[type="email"], input[type="tel"]').each(function() { 
 
    
 
    console.log($(this).val()); 
 
    }); 
 
    
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<input type="number" /> 
 
<input type="email" /> 
 
<input type="tel" /> 
 
<button id="btn">Click</button>

kehrt