我们如何通过使用另一个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>