Javascript & jquery |我想获取用户点击的按钮外的 <span> 标签中的文本

Question

Web site picture

你好，我想通过单击事件获得一个 val in span，但是 我必须为此使用一个事件。

如果用户在第二个点击里面的支付按钮，我基本上想做什么div我应该得到

.faturatarih 值是第二个 div 中的“09-05-2021 10:22”，但

如果用户先点击支付按钮 div 我应该得到“09-05-2021 08:22”

抱歉我的英语不好

这是我的 HTML 代码

<div class="fatura">
    <span class="faturaTarih">09-05-2021 08:22</span>
    <button type="button" class="faturaOdeButton">PAY</button>
    <p class="faturaGonderenIsım">Mr. Jack</p>
    <span class="faturaAciklama">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae, minus provident.</span>
    <span class="faturaDurum">Waiting</span><span class="faturaUcret">0,00</span>
</div>
<div class="fatura">
    <span class="faturaTarih">09-05-2021 10:22</span>
    <button type="button" class="faturaOdeButton">PAY</button>
    <p class="faturaGonderenIsım">Mr. Tom</p>
    <span class="faturaAciklama">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae, minus provident.</span>
    <span class="faturaDurum">Waiting</span><span class="faturaUcret">00,00</span>
</div>

Answer 1

您可以使用 javascript 函数，该函数使用 event 参数来引用其元素。将所有 <button type="button" class="faturaOdeButton">PAY</button> 替换为 <button type="button" class="faturaOdeButton" onclick="pay(event)">PAY</button>（或仅添加 onclick 属性。然后，在 JavaScript 中，您可以定义函数：

function pay(e){
    var value = e.target.parentElement.querySelector(".faturaTarih").textContent;
    console.log(value);
}

以上代码将接收事件参数，然后找到 target，或发送“ping”的元素。然后，它会获取它的父元素，并找到它里面的所有元素与 faturaTarih 的 class 列表（应该只有一个）。它将获取该元素的 textContent 并将其显示在控制台中。

Answer 2

function getData(clicked_id){

 let id = clicked_id;

if(id == "button1")
{
let value = document.getElementsByClassName("faturaTarih")[0].innerText;
console.log(value)
}

if(id == "button2")
{
let value = document.getElementsByClassName("faturaTarih")[1].innerText;
console.log(value)
}

}

 <div class="fatura">
                    <span class="faturaTarih">09-05-2021 08:22</span>
                    <button type="button" class="faturaOdeButton">PAY</button>
                    <p class="faturaGonderenIsım">Mr. Jack</p>
                    <span class="faturaAciklama">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae, minus provident.</span>
                    <span class="faturaDurum">Waiting</span><span class="faturaUcret">0,00</span>
                </div>
                <div class="fatura">
                    <span class="faturaTarih">09-05-2021 10:22</span>
                    <button type="button" class="faturaOdeButton">PAY</button>
                    <p class="faturaGonderenIsım">Mr. Tom</p>
                    <span class="faturaAciklama">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae, minus provident.</span>
                    <span class="faturaDurum">Waiting</span><span class="faturaUcret">00,00</span>
                </div>

Answer 3

你可以试试这个：

$(".faturaOdeButton").on("click", function()
{

// Get date
 var date = $(this).closest(".fatura").find(".faturaTarih").text();
 
 // For test
 alert(date)
 
})

Javascript & jquery |我想获取用户点击的按钮外的 <span> 标签中的文本

Javascript & jquery | I want to get the text in the <span> tag outside the button the user clicked on

javascript

jquery

getvalue