В этой статье мы увидим, как получить дочерние элементы этого селектора в jquery. Вы можете использовать метод find() для получения дочерних элементов селектора $(this) с помощью jquery. Метод find() возвращает элементы-потомки выбранного элемента. Этот метод перемещается вниз по потомкам элементов DOM.

Итак, давайте посмотрим, как получить дочерние элементы этого селектора в jquery, как найти дочерний элемент в jquery, jquery получить дочерний элемент по классу.

Пример: как получить дочерние элементы селектора $(this) в jQuery

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Select the Child Element Inside Div On Click - Websolutionstuff</title>
<style>
    .box{
        padding: 80px;
        border: 6px solid #999;
        text-align: center;
    }  
    .box img{
        width: 400px;
        border: 3px solid #999;
    }
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $(".box").click(function(){
        $(this).find("img").css("border-color", "red");
    });
});
</script>
</head>
<body>
    <div class="box">
        <img src="images/laravel.jpg" alt="Laravel">
    </div>
</body>
</html>

Вам также может понравиться: