Home  >  Article  >  Web Front-end  >  Example of usage of prev() method in jQuery_jquery

Example of usage of prev() method in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 16:21:311501browse

The example in this article describes the usage of the prev() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method takes the immediately preceding sibling element of each element in the matching element set.
The collection of sibling elements can be filtered by selectors.

Grammar structure:

Copy code The code is as follows:
$(selector).prev(expr)

Parameter list:

参数 描述
expr 可选。用于筛选前一个同辈元素的表达式

Example code:

Example 1:

Copy code The code is as follows:






prev() function-Script Home






I am the p element


I am the span element

I am the p element


I am a div element




The above code can set the font color of the previous element of each p element in the set of p elements under the father element with the class attribute value to blue.

Example 2:

Copy code The code is as follows:






prev() function-Script Home






  • HTML Zone

  • Javascript Zone

  • Div Css Zone

  • Jquery Zone





The above code can set the font color of the element whose class attribute value is js in front of each li element in the set of all li elements to red.

I hope this article will be helpful to everyone’s jQuery programming.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn