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')