jQuery：セレクタが含まれています<option> VALUE</option>

Question

現在の選択オプションと一致するH1タグにクラスを追加しようとしています。

jQueryの

var option = $('#fruits').val() 
    $("h1:contains(option)").addClass('selected') 

HTML

<select> 
    <option>Select One</option> 
    <option>apple</option> 
    <option>orange</option> 
    <option>lemon</option> 
</select> 

<h1>apple</h1> 
<h1>orange</h1> 
<h1>lemon</h1> 

Answer 1

を連結optionセレクタに....

$("h1:contains('" + option + "')").addClass('selected') 

Answer 2

optionが引用されているので、文字列リテラルとして扱われます。サイドノートとして

$("h1:contains(" + option + ")").addClass('selected') 

非CSSセレクタを使用している場合、それはより速くだとして、あなたは、.filter()を使用する必要があります。

$("h1").filter(":contains(" + option + ")").addClass('selected')