0
<div class="container">
// Карточка 1
<div class="card">
               
                <div class="card-body">
                    <h5 class="card-title">Заголовок 1</h5>
                    <p class="card-text">Текст 1</p>
                    <button class="btn btn-primary">Изменить</button>
                    <button class="btn btn-success">Сохранить</button>
                    <button class="btn btn-danger">Удалить</button>
                </div>
                <hr>
            </div>

// Карточка 2
<div class="card">
               
                <div class="card-body">
                    <h5 class="card-title">Заголовок 2</h5>
                    <p class="card-text">Текст 2</p>
                    <button class="btn btn-primary">Изменить</button>
                    <button class="btn btn-success">Сохранить</button>
                    <button class="btn btn-danger">Удалить</button>
                </div>
                <hr>
            </div>
// Карточка 3
<div class="card">
                <div class="card-body">
                    <h5 class="card-title">Заголовок 3</h5>
                    <p class="card-text">Текст 3</p>
                    <button class="btn btn-primary">Изменить</button>
                    <button class="btn btn-success">Сохранить</button>
                    <button class="btn btn-danger">Удалить</button>
                </div>`введите сюда код`
                <hr>
            </div>
</div
1

1 ответ 1

2

При условии, что у всех карточек есть заголовок, в противном случае нужно делать условие на существование заголовка

const cards = document.querySelectorAll(".card");
const cardTitles = document.querySelectorAll(".card-title");

cards.forEach((card, index) => {
  card.addEventListener("click", () => {
    console.log(cardTitles[index].innerText);
  });
});
1
  • Может innerText в textContent?
    – ΝNL993
    21 июл 2022 в 18:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.