我們如何通過使用另一個div的鏈接使DIV可點擊

Question

我正在與wordpress一起工作，有一個產品部分，我想在圖像上也放置鏈接而不是產品標題，所以我想要的是，我想通過使用產品標題鏈接使圖像div可點擊在第二個鏈接中

這是用於wordpress的工作，我試圖找到可以更改代碼的文件，但沒有找到，所以現在我想使用jquery或您建議的任何方法來解決它

<div class="product"></div>
<div class="product-title">
    <a class="title" href="url">
</div>

Answer 1

只需on和closest使用on就像這樣：

$(".product").on("click", function() {
  window.location = $(this).closest(".product-title").find(".title").attr("href");
});

Answer 2

<div class="product"></div>
<div class="product-title">
    <a class="title" href="url" onclick="PerformAction()">
</div>

---

//在Js或Jquery中

function PerformAction()
{
  // Your Logic to perform further operations
}

Answer 3

我會將href放在data屬性中，如下所示：

<div class="product" data-product_url="url"></div>
<script>
    $('.product').on('click', function () {
        window.location = $(this).data('product_url');
    });
</script>