Javascript 文本工作不正常的Jquery选择选项

我试图使用JQuery选择一个包含特定文本的选项，但我不确定如何过滤掉我要查找的文本

我试图选择大的选项，而不是XLarge选项。你知道我怎样才能做到这一点吗

以下是HTML：

<span class="price">
 $20
</span>
<p id="in-carHEREt" style="display: none;">in cartHERE</p>
 <span class="needsclick select-widget  enabled" id="size-options-link">Medium</span>
 <select id="size-options" name="size-options" class="select-widget ">
<option value="46158">Medium</option>    
<option value="46159">Large</option>    
 <option value="46160">XLarge</option>    
</select>

 <span id="cart-update"><span class="cart-button">add to cart</span></span>

$('#size-options').find('option:contains(Large)').prop('selected', true);

这段代码最终选择了XLarge大小，而不是首选的大尺寸。 这是我的JSFIDLE：

---

注意：不要将此标记为重复，因为我在类似问题上尝试过的几乎所有代码都不适用于我的问题。谢谢你和我爱你很久了：）

提供id，并通过它们选择，而不是文本：-

$（“#大小选项”）.find（'option#large'）.prop（'selected'，true）

$20
购物车中的

中等
中等
大的
XLarge
添加到购物车
执行以下操作：-


$（“#大小选项”）。每个（函数（）{
if（$（this）.text（）=='Large'）{
$（this.prop（'selected'，true）；
}
});

$20
车内

中等
中等
大的
XLarge
添加到购物车
您的代码将为您提供两个元素（大元素和XLarge元素，因为两者都包含大元素）
因此，选择一个位于[0]索引的：

<span class="price">
     $20
    </span>
    <p id="in-carHEREt" style="display: none;">in cartHERE</p>
     <span class="needsclick select-widget  enabled" id="size-options-link">Medium</span>
     <select id="size-options" name="size-options" class="select-widget ">
    <option value="46158">Medium</option>    
    <option value="46159">Large</option>    
     <option value="46160">XLarge</option>    
    </select>

     <span id="cart-update"><span class="cart-button">add to cart</span></span>

谢谢，但我正试图通过查找文本“Large”并选择它来实现这一点。有没有一种方法可以做到这一点，而不必更改html并只通过查找文本来选择选项？@MGames我在添加其他方法的地方更新了我的答案。我不知道人们有什么问题，只是在不考虑答案的情况下放弃投票，WTH！感谢您提供了各种选择值的方法，但它不会像我要求的那样通过查找文本来选择值。尽管如此，对于您的特定问题，它仍然是正确的。谢谢您，兄弟，我真的非常感谢您的努力。但《活着到死》的答案确实是我在游戏中寻找的答案，我知道，@AlivetoDie的答案正是你想要的，我不是在谈论它，我是在谈论我的答案，当时它被否决了两次，但现在没事了，我只是认为我们不应该否决一个正确的答案。先生，我爱你很久了：D
var option = $('#size-options').find('option:contains(Large)')[0];
 $(option).prop('selected', true);