有 2 个部分有 2 个按钮,当您单击每个部分时,您需要将其写入一个变量,以便按钮 1 从部分 1 中获取标题,依此类推。
<section>
<h1 class="sect__title">Заголовок раздела1</h1>
<p>
<ol>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
</ol>
<b>Стоимость <span class="price" id="price1">1000</span>руб.</b><br>
<div class="col-md-12 text-center">tests
<button id="button1" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Перейти</button>
</div>
</p>
</section>
<section>
<h1 class="sect__title">Заголовок раздела2</h1>
<p>
<ol>
<li>Элемент 4</li>
<li>Элемент 5</li>
<li>Элемент 6</li>
</ol>
<b>Стоимость <span class="price" id="price2">2000</span>руб.</b><br>
<div class="col-md-12 text-center">tests
<button id="button2" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Перейти</button>
</div>
</p>
</section>
我试图这样做,但它对我不起作用:
var exampleModal = document.getElementById('exampleModal')
exampleModal.addEventListener('show.bs.modal', function (event) {
var button = event.relatedTarget
var test = $(button).closest('.sect__title').text()
console.log(test)
并且还尝试了这个:
var test = $(button).parents().find('h1').text();
console.log(test)