Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

Summary of several ways to obtain elements in jquery_jquery

WBOY
Release： 2016-05-16 18:05:10
Original
1305 people have browsed it

1 Get the element
html from the collection with the specified serial number:

Copy the code The code is as follows:


0


1


2


3


4


5


6


7< /p>



JS
Copy code The code is as follows:



2 Get elements with consistent specified conditions and specified range
html:
Copy code The code is as follows:


0


1


2< /p>

3


4


5


<

7




JS
Copy code The code is as follows:



3 Get elements consistent with the conditional expression
html:
Copy code The code is as follows:


< p>0


1


2


3


4


5


6


7




js
Copy code The code is as follows:



4 Get the previous element and next element of the element
Html:
Copy code The code is as follows:


No. 1

No. 2


No. 3


No. 4


No. 5


No. 6


No. 7< /p>



js
Copy code The code is as follows:

//Get the next element of the element
jQuery(function(){
$("p").next(".yes").css("color", "red");
})
//Get the previous element of the element
jQuery(function(){
$("p").prev(".yes").css( "color","red");
})

5 Get the parent element and child element of the element
html:
Copy code The code is as follows:


No. 1


No. 2


No. 3


No. 4


No. 5


No. 6


No. 7




js
Copy code The code is as follows:

//Get the parent element of the element
jQuery( function(){
$("p").parent().css("color","red");
})
//Get the child elements of the element
jQuery(function (){
$("#aa").children(".yes").css("color","red");
})
Related labels：
Get element
source：php.cn
Previous article：Dynamic effect TAB tab jquery plug-in_jquery Next article：The definition and method of classes in javascript ("javascript advanced programming" study notes)_js object-oriented
Statement of this Website
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
Latest Articles by Author
Latest Issues
PHP arrays obtained from URL parameters do not behave as expected I have a URL parameter that contains the category ID and I want to treat it as an array li...
From 2024-04-06 22:09:02
0
1
1428
How to make floated elements stack vertically instead of horizontally in CSS? I'm trying to make a webpage with two columns, with main content on one side and additiona...
From 2024-04-06 20:45:26
0
2
386
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
Trouble getting specific statistics (Stats) from PokeAPI using Axios and Node.js I have a problem, I'm trying to use the PokemonAPI, but when I try to access the attack, H...
From 2024-04-06 18:46:35
0
1
464
MySQL gets data from multiple tables I have a eg_design table which contains the following columns: and eg_domains table which ...
From 2024-04-06 18:42:44
0
2
479
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template