Html 使行项目成为引导中的可单击链接

我正在尝试使用引导创建一个站点，其中表的一行可以单击。也就是说，我想让它显示文本（单击此处查看Stackoverflow），这样当用户在该表行中单击时，他们就会被定向到

请注意，我不希望仅文本充当超链接；那将是微不足道的。我正在尝试使整个.row元素成为超链接

代码只是标准的引导表

<div class="col-md-3">
    <div class="row">
        <p>Text here</p>
    </div>
    <div class="row">
        <p>More text</p>
    </div>
</div>

此处文本

更多文本

我尝试过的事情： 我曾尝试在行的顶部添加一张透明图片，在与定位发生争执后，最终将其设置为行的背景图像。现在它没有出现，即使出现了，也不会起到链接的作用

---

新手引导，愿意尝试几乎任何方法。

尝试使用Jquery函数，如下所示 在html页面上

<tbody>
    <tr class='clickable-row' data-href='url://'>
        <td>Blah Blah</td>
        <td>1234567</td>
        <td>£158,000</td>
    </tr>
</tbody>

---

您应该创建一个具有id的div，可以在Javascript中使用，如下所示：

---

确保将脚本的导入放在身体底部。这就是上面的那行吗？是的。你需要命名你的文件，并将其添加到那里。工作完美！非常感谢。不客气。如果你需要一对一的帮助，你可以随时来找我。www.hackhands.com/dpctrey3

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

var rows = document.querySelectorAll('.table .row');

[].slice.call(rows).forEach(function (el) {
    el.onclick = function (e) {
        window.open(el.dataset.href);
    };
});