Jquery 在新选项卡中打开 (_blank)

Question

我已经根据其他 StackOverflow 问题/答案设置了一些 Jquery。此脚本的目的是使整个 div 成为基于该 div 内的任何 a href 标记的链接。

这工作正常，但我需要将其设置为 _blank 才能在新选项卡中打开。我尝试了以下方法，但没有成功。

$(document).ready(function() {
    $(".product-item").click(function() {
        $(this).target = "_blank";
        window.location = $(this).find("a").attr("href");
        return false;
    });
});

编辑

感谢您的帮助，但这些答案实际上都不起作用。如果任何人都可以粘贴实际有效的完整代码，而不是未经测试是否有效的小片段。谢谢。

编辑2

感谢kristinalim提供了完整的工作解决方案。

Answer 1

在页面上设置链接需要 @Ravi 和 @ncksllvn 的答案的组合:

// Find link in $(".product-item") and set "target" attribute to "_blank".
$(this).find("a").attr("target", "_blank");

要在另一个窗口中打开页面，请参阅此问题:jQuery click _blank并参见 this reference用于自定义的 window.open 选项。

更新:

你需要一些东西:

$(document).ready(function() {
  $(".product-item").click(function() {
    var productLink = $(this).find("a");

    productLink.attr("target", "_blank");
    window.open(productLink.attr("href"));

    return false;
  });
});

注意 .attr() 的用法:

$element.attr("attribute_name")                   // Get value of attribute.
$element.attr("attribute_name", attribute_value)  // Set value of attribute.