jquery - trovare la prima selezione con il primo valore selezionato?

Question

Ho un numero di selezioni a discesa selezionate e il primo valore di tutti è vuoto (cioè ""). Qual è il modo migliore per selezionare la prima selezione il cui valore è ""? Ho provato cose come

$j("[id*='user'] option[value='']").first().prop("selected", true); 

Ma questo è impostarlo vs cercare quello che corrisponde.

(tutti gli ID iniziano con 'utente'; Ho bisogno di trovare il primo utente seleziona che ha un valore vuoto ...)

Answer 1

È necessario utilizzare iniziare con selettore jQuery cioè [id^=startwithid] per ottenere tutti gli ID iniziano con l'utente, vedere di seguito il codice

$j("[id^='user'] option[value=]:selected").first().parent(); 

O modo migliore per utilizzare :has come qui di seguito

$j("[id^='user']:has(option[value=]:selected)").first(); 

Answer 2

poiché si desidera l'elemento di selezione, si può provare .has()

$j("[id*='user']").has('option[value=""]:selected').first() 

Prova

$("[id*='user']").has('option[value=""]:selected').first().css({ 
 
    "color": 'red', 
 
    "border-color": 'green' 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="user-1"> 
 
    <option value="">Select</option> 
 
    <option selected="selected">1</option> 
 
</select> 
 
<select id="user-2"> 
 
    <option value="">Select</option> 
 
    <option selected="selected">1</option> 
 
</select> 
 
<select id="user-3"> 
 
    <option value="">Select</option> 
 
    <option>1</option> 
 
</select> 
 
<select id="user-4"> 
 
    <option value="">Select</option> 
 
    <option>1</option> 
 
</select> 
 
<select id="user-5"> 
 
    <option value="">Select</option> 
 
    <option selected="selected">1</option> 
 
</select>

Answer 3

È possibile utilizzare :has selettore per trovare selezionare avendo valore di opzione "" come selezionato:

$j("[id*='user']:has(option[value='']:selected)").first(); 

o

$j("[id*='user']:has(option[value='']:selected):eq(0)");