В этой статье мы увидим, как получить дочерние элементы этого селектора в 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>
Вам также может понравиться:
- Читайте также: Как показать загрузку Spinner в Ajax jQuery
- Читайте также: Как использовать Google Recaptcha V2 в Laravel 9
- Читайте также: Как получить элемент по атрибуту данных в jQuery
- Читайте также: Как отключить определенные даты в jQuery Datepicker