javascript - 如何使用jQuery获得 parent parent child 的值(value)？

Question

我是一名学生，这些天正在独自学习 Python。
下面是我的 HTML 页面的 JavaScript 代码的一部分。

let temp_html_0 = `<div class="card">
    <img class="card-img-top"
         src="${image}"
         alt="Card image cap">
    <div class="card-body">
        <a target="_blank" href="${url}" class="card-title">${title}</a>
        <p class="reason-comment">REASON : ${comment}</p>
    </div>
    <div class="button-result">
        <button type="button" class="btn btn-success" onclick="confirm()">Confirm</button>
        <button type="button" class="btn btn-danger" onclick="reject()">Reject</button>
    </div>
    <br/>
</div>
`

javascript函数:

function confirm(){
    alert('confirmed👌')
    let test = $(this).parent().parent().find(".card-img-top").attr("src");
    alert(test)
    window.location.reload()
}

我想做的是:
当用户点击 btn-success 按钮时，
调用确认()函数，
并获取 img src(在我的代码中为 ${image})
调用 AJAX。
我试过上面的代码，但没有用。
如何获取 img src 值？

Answer 1

从您的评论中，我看到 temp_html_0 将重复，那么为什么不使用具有唯一标识符(例如迭代索引)的子类并将其添加到您的图像类中，如下所示<img class="card-img-top top-img-{index}">然后您可以将该索引传递给您的函数并使用您的逻辑获取该元素。