在 <a> 之前的多个元素之前搜索 <select>答案

【问题标题】：Search <select> before multiple elements before <a>在 <a> 之前的多个元素之前搜索 <select>
【发布时间】：2014-08-01 19:41:16
【问题描述】：

如何在<a> 之前的多个元素之前搜索select 元素？

我知道$('select[name=foo]').val())

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

    <div class="foo2"></div>
    <p>Lorem Ipsum</p>

    <a class="button" href="#">Search</a>

这是我的尝试：

$('a').click(function(e){
  e.preventDefault();
  console.log($(this).prevUntil('select'));
});

【问题讨论】：

你需要在 foo 中选择值吗？
jquery find closest previous sibling that does not have class 的可能重复项

标签： javascript jquery html

【解决方案1】：

使用prevUntil 将获取所有元素，直到选择器中的元素

来自文档：

描述：获取每个元素的所有前面的兄弟元素，直到但不包括选择器、DOM 节点或 jQuery 对象匹配的元素。

您想使用prevAll('select:first') 获取第一个先前选择 http://api.jquery.com/prevall/

描述：获取匹配元素集中每个元素的所有先前兄弟，可选地由选择器过滤。

$(this).prevAll('select:first')

FIDDLE

【讨论】：