How to Get the Children of the $(this) Selector in jQuery

  848 views   1 year ago jQuery

Use the jQuery find() Method

You can use the find() method to get the children of the $(this) selector using jQuery.

The jQuery code in the following example will simply select the child <img> element and apply some CSS style on it on click of the parent <div> element.

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>jQuery Select the Child Element Inside a DIV On Click</title>
        padding: 80px;
        border: 10px solid #999;
        text-align: center;
    .box img{
        width: 400px;
        border: 6px solid #999;
<script src=""></script>
        $(this).find("img").css("border-color", "blue");
    <div class="box">
        <img src="images/sky.jpg" alt="Cloudy Sky">


Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]