jQuery prev() 和 prevAll() 示例

以下是关于jQuery中prev()和prevAll()方法的完整攻略：

1. 什么是prev()和prevAll()方法？

prev()方法用于选择匹配元素集合中每个元素前一个兄弟素，而prevAll()方法用于匹配元素集合中每个元素的所有前面的兄弟元素。

1. 如何使用prev()和prevAll()方法？

可以使用以下代码来使用prev()和prevAll()方法：

$(selector).prev()
$(selector).prevAll()

其中，selector是要选择的元素的选择器。

1. 示例1：选择<span>元的前一个兄弟元素并添加样式

$("span").prev().css("color", "red");

在这个示例中，使用了$("span")选择所有<span>元素，然后使用.prev()选择每个元素的前一个兄弟元素，并使用.css()来设置这些元素的颜色为红色。

1. 示例2：选择>元素的所有前面的兄弟元素并添加样式

$("span").prevAll().css("font-weight", "bold");

在这个示例中，使用了$("span")选择元素，然后使用.prevAll()方法选择每个元素的所有前面的兄弟元素，并使用.css()`来设置这些元素的字体加粗。

1. 示例3：选择<li>元素的前一个兄弟元素并添加样式

$("li").prev().css("background-color", "yellow");

在这个示例中，使用了$("li")选择所有<li>元素，然后使用.prev()方法选择每个元素的前一个兄弟元素，并使用.css()来设置这些元素的背景颜色为黄色。

1. 示例4：选择<li>元素的所有前面的兄弟元素并添加样式

$("li").prevAll().css("border", "1px solid black");

在这个示例中，使用了$("li")选择所有<li>元素，然后使用.prevAll()方法选择每个元素的所有前面的兄弟元素，并使用.css()来设置这些元素的边框为1像素的黑色实线。

总结：

prev()方法用于选择匹配元素集合中每个元素的前一个兄弟元素，而prevAll()方法用于选择匹配元素集合中每个元素的所有前面的兄弟元素。可以使用这些方法来选择元素并对其进行操作，如添加样式、隐藏等。