在Jquery中，如何在按钮下方或上方找到该类的第一个实例？

Question

我有以下html

<span class="above">Value</span>
<button id="SaveButton">Save</button>

Some random HTML

<input type="text" value="Test" />

<span class="below">Value 3</span>

我希望在按钮的点击事件中引用具有 和 类的范围。我认为find（）会这样做，但我发现只适用于容器DOM元素的子项

我想要这样的东西。 。

     $(".SaveButton").live("click", function (e) {
            e.preventDefault();

            alert($(this).find(".above").html());
            alert($(this).find(".below").html());

        });

Answer 1

它们似乎不是后代，因此您可以使用.siblings（）来查找.above＆amp; .below

  $(".SaveButton").live("click", function (e) {
      e.preventDefault();
      alert($(this).siblings(".above").html());
      alert($(this).siblings(".below").html());
  });

文档： http://api.jquery.com/siblings/

Answer 2

您可以使用prev()和next()

轻松地上下移动dom

此外，每个人都可以选择一个，所以你可以这样做：

$(this).prev('span');

正如Anton所指出的那样，还有prevAll和nextAll，它们会在匹配使用的选择器之前或之后返回元素数组。