Получить значение тега P

140
27 сентября 2019, 10:20

Всем привет, есть такая верстка

 <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

Answer 1

В тегах указан 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>

READ ALSO
Получить приложение, использующее файл

Получить приложение, использующее файл

У меня есть путь до картинки, и она используется программой для просмотра картинок, следовательно картинку нельзя удалить, пока не завершен...

119
Обновить счетчик на кнопке telegram bot C#

Обновить счетчик на кнопке telegram bot C#

Подскажите пожалуйста, как обновить счетчик на кнопке в сообщениях от бота Telegram? Хочу чтобы при нажатии на кнопку + счетчик на этой кнопке...

133
Разделить строку по символу и добавить сам символ в массив

Разделить строку по символу и добавить сам символ в массив

Мне нужно разделить строку по символу при этом занести всё это в массив в месте с разделителем имею код:

169
SQL-запрос работает неверно

SQL-запрос работает неверно

В данном запросе должны подгружаться данные о маршрутах, id которых нет в другой таблицеВместо этого записи попросту дублируются

111