Всем привет, есть такая верстка
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир1</p>
</a>
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир2</p>
</a>
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир3</p>
</a>
Как при нажатии на .test1 получить значение p.big
В тегах указан jquery:
$(document).on('click', '.test1', function(){
let p = $(this).find('p.big').text();
console.log(p);
return false;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир1</p>
</a>
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир2</p>
</a>
<a href="" class="s-block test1" data-toggle="modal" data-target="#exampleModal">
<div class="s-img">
<img src="images/s1.jpg" alt="">
<div class="order">
<p>Заказать услугу</p>
</div>
</div>
<p class="big">Уборка квартир3</p>
</a>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости