Jquery 在 Div 中找到 link - 按照 html 中的定义打开

Question

我需要一些 div 作为可点击的 link。我已经找到 jquery 的解决方案。不幸的是，这个解决方案总是 window.location 或 window.open。这不适合我们，因为我们有很多 div 并且 url 已经用 _blank 或相同的 window.

定义

我不得不承认，我不确定如何找到我需要的功能，因为我几乎不了解 Javascript 及其功能。

这是我发现的脚本代码：

$(document).ready( function () {
$(".textlink").click(function () {
        window.location = $(this).find("a:first").attr("href");
        return false;
    });  
});

这是一个带有 target=_blank

的盒子

<div class="textlink texticon texticon-top"><a href="http://term1caq/WebCAQ.Net/App.QBD/DocumentView.aspx?id=429" target="_blank">Text in DIV</a></div>

预期的结果是，整个 div 是可点击的，但目标将从 div 的 href 获取，而不是在脚本中预定义。

Answer 1

您只需要触发点击找到的锚标记，而不是将其 href 设置为 window.location

$(document).ready( function () {
    $(".textlink").click(function () {
        $(this).find("a:first").click();
    });  
});

Answer 2

你可以这样做：

$('.textlink a:first').click(function() {
  window.location.replace($(this).attr('href'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="textlink texticon texticon-top"><a href="http://term1caq/WebCAQ.Net/App.QBD/DocumentView.aspx?id=429" target="_blank">Text in DIV</a></div>