jquery - 单独 HTML 文件中的可单击行可在新选项卡中打开不同的链接

Question

我正在使用 jQuery，并在位于单独 HTML 文件中的表中获取了几行。单击时，每一行都会成功重定向到本地 HTML 文件。 (使用window.location)

我想要实现的目标

我想要完成的是，当我单击本地 HTML 文件在新选项卡中打开而不是当前选项卡的行时。

我知道如果这是一个<a>，这将被认为很容易实现。 anchor 。

我的问题

window.open在这种特定情况下不起作用(至少是我尝试的方式)并应用 target="_blank"将毫无用处，因为这不是 <a>标签。这是一个表格行。

我尝试过的

jQuery:

jQuery(document).ready(function($) {
  $(".clickable-row").click(function() {
  window.open = $(this).data("href");
  });
});

单独的 HTML 文件:

<div class="table-responsive">
  <table class="table table-striped table-sm">
    <thead>
      <tr>
        <th>thead1</th>
        <th>thead2</th>
        <th>thead3</th>
        <th>thead4</th>
        <th>thead5</th>
        <th>thead6</th>
      </tr>
    </thead>
    <tbody>
      <tr class="clickable-row" data-href="\path\index.html">
        <td>tcell1</td>
        <td>tcell2</td>
        <td>tcell3</td>
        <td>tcell4</td>
        <td>tcell5</td>
        <td>tcell6</td>
      </tr>
      <tr class="clickable-row" data-href="\path\differentindex.html">
        <td>tcell1</td>
        <td>tcell2</td>
        <td>tcell3</td>
        <td>tcell4</td>
        <td>tcell5</td>
        <td>tcell6</td>
      </tr>
    </tbody>
  </table>
</div>

为了大致了解 DOM 结构，我引用了带有 includeHTML 函数的单独 HTML 文件。

我读过的来源

我假设我无法使用 window.open我在阅读 object works 的方法后尝试过的方式.

我已经阅读了 .open 和 .location here 之间的区别。但是，我不太确定何时使用什么。

Answer 1

试试这个

jQuery(document).ready(function($) {
      $(".clickable-row").click(function() {
           window.open($(this).data("href"),'_blank');
      });
    });