用于查找带有指定<option>标签的<select>的CSS选择器

Question

我需要一个CSS选择器,<select>如果它包含一个<option>包含或等于(两者都符合我的要求)指定文本的元素,则选择该元素.示例HTML:

<select name="foo">
  <option value="1">First</option>
  <option value="2">Second</option>
</select>

我希望<select>它包含例如标记为"Second"的选项.像这样的东西:

select[option:contains('Second')]

如果用CSS选择器无法实现这一点,我也会接受JQuery或XPath选择器.

Answer 1

你不能用CSS做到这一点.

您可以使用此jQuery选择器(:has()并且:contains()不是CSS的一部分):

$("select:has(option:contains('Second'))")

或者这个XPath表达式:

//select[contains(option, 'Second')]