jQuery 获取上个元素？

<ul>
    <li id="item1">第一项</li>
    <li id="item2">第二项</li>
    <li id="item3">第三项</li>
</ul>
<script>
    $(document).ready(function() {
        var currentItem = $('#item2');
        var prevItem = currentItem.prev();
        console.log(prevItem.text()); 
    });
</script>

上述代码中，我们先选择了 id 为 “item2” 的

如果页面结构较为复杂，元素层级较多，仅仅使用 prev() 方法可能无法满足需求。此时，可以使用 prevAll() 方法。prevAll() 方法会获取匹配元素集合中每个元素之前的所有同辈元素。例如：

<div id="parent">
    <p>段落 1</p>
    <span>文本 1</span>
    <p id="target">目标段落</p>
    <span>文本 2</span>
</div>
<script>
    $(document).ready(function() {
        var target = $('#target');
        var prevAllElements = target.prevAll();
        prevAllElements.each(function() {
            console.log($(this).text()); 
        });
    });
</script>

在这段代码里，我们选择了 id 为 “target” 的

元素，使用 prevAll() 方法获取它之前的所有同辈元素，并通过 each() 方法遍历打印出它们的文本内容。

prevUntil() 方法可以获取匹配元素集合中每个元素之前的同辈元素，直到遇到特定的选择器、DOM 节点或元素。语法如：prevUntil(selector, filter)。其中，selector 是可选参数，用于指定一个选择器表达式，用于筛选同辈元素；filter 也是可选参数，用于过滤同辈元素。

掌握 jQuery 获取上个元素的方法，能够极大地提升前端开发中 DOM 操作的效率，无论是简单的页面交互，还是复杂的功能实现，都能更加得心应手。通过不断实践和运用这些方法，开发者可以打造出更加流畅、高效的用户体验。