How to Get the Children of the $(this) Selector in 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">