javascript - jQuery 获取先前的元素，直到包含 id 包含的元素

Question

我想使用 jQuery 使用 .prevUntil 来选择元素，直到元素包含一个带有特定字符串的 id 的输入。我认为这应该是可能的，但我似乎无法让它发挥作用。

示例 html:

<ul>
    <li><input /></li>
    <li><input id="stop" /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input id="start" /></li>
    <li><input /></li>
</ul>

示例 JavaScript:

list = $('#start').parent().prevUntil('li:contains("input[id*=\'stop\']")';
list.css('background-color', 'red');

有一个jsfiddle here .

如果示例工作正常，从包含 #start 的 li 到包含 #stop 的 li 的每个元素都将是红色的。

Answer 1

您需要使用:has()选择器而不是 :contains()选择器为:contains()选择包含指定文本而非属性的元素

$('#start').parent().prevUntil('li:has([id*="stop"])')

DEMO