- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to use jQuery.closest() method with class selector?
The closest() method begins with the current element and returns only the first ancestors matching the passed expression. This returned jQuery object has zero or one element. Using the class selector is easy and let us see how to use it below.
Example
You can try to run the following code to learn how to use jQuery.closest() method with class selector:
<!DOCTYPE html>
<html>
<head>
<style>
.myclass * {
display: block;
border: 2px solid blue;
color: red;
padding: 5px;
margin:10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("span").closest(".one").css({"color": "maroon", "border": "5px solid maroon"});
});
</script>
</head>
<body class="myclass">body
<div style="width:500px;">div
<ol>ol - This is the third ancestor
<ol>ol - This is the second ancestor
<li>li - This is the direct parent element
<span>demo</span>
<span class="one">demo - using class selector with closest() method</span>
</li>
</ol>
</ol>
</div>
</body>
Updated on 09-Dec-2019 10:15:59
- Related Questions & Answers
- jQuery .class Selector
- How to combine a class selector and an attribute selector with jQuery?
- How do we use .not() with jQuery selector?
- How to use universal (*) selector in jQuery?
- jQuery closest() with Example
- How to use *= operator in jQuery attribute selector?
- How do we use jQuery selector eq:()?
- How do we use jQuery Attribute selector with a period?
- How do we use # in jQuery Attribute Selector?
- Is it possible to use $(this) and universal selector (*) with jQuery?
- jQuery :has() Selector with example
- How do we use wildcard or regular expressions with a jQuery selector?
- How to use hasClass() method in jQuery?
- How to use removeClass() method in jQuery?
- How to use jQuery.wrapInner() method in jQuery?
Advertisements