Warum ist nicht mein Element: enthält (Variable) Arbeit, wenn Sie Variable statt String verwenden? jquery

Question

Ich habe einen Code, um den Wert von Option Element zu erhalten und wenn eine Schaltfläche angeklickt wird, wird es finden, wo dieser Wert auf der Seite vorhanden ist, so dass ich mehr Dinge in diese Tabelle/Container hinzufügen kann.

Irgendwie, wenn ich den Wert in eine Variable speichern, funktioniert es nicht. Wenn ich die Zeichenfolge direkt in $("blah:contains('blabhblah')" eintippe, wird es funktionieren. Warum?

Mein Beispiel hier in html

 <div class="shipping-time-city"> 
      <label>City: </label> 
      <select> 
       <option value='bby'>Burnaby (本拿比)</option> 
       <option value='van'>Vancouver (温哥华)</option> 
       <option value='rmd'>Coquitlam (高贵林)</option> 
      </select> 
     </div> 

anderen Stellen im Körper habe ich so etwas wie

<caption>Coquitlam (高贵林)</caption> <caption>Burnaby (本拿比)</caption> <caption>Vancouver (温哥华)</caption>

so in jquery verwendete ich Klick-Funktion und das ist, was ich haben Innenklick-Funktion

var getCity = $(".shipping-time-city option:selected").text(); 
($("caption:contains(getCity)").text('bye') //just for testing 

das funktionieren würde, oben nicht, aber wenn ich es wie folgt

($("caption:contains('Burnaby (本拿比)')").text('bye') 

es wird funktionieren, aber ich versuchte console.log(getCity), die mir die Ausgabe von Burnaby (本拿比)

jemand geben Sie mir eine Hand auf kann gibt was mache ich hier falsch?

Vielen Dank.

Answer 1

seit getCity eine Variable ist, wäre es nicht:

($("caption:contains('" + getCity + "')").text("bye");