Javascript 如何在表行上启用锚定标记？ 标题1 标题2 总目3 总目4 总目5 总目6 总目7

我有这个html页面，我需要将整行作为锚定标记，这样当我悬停在该行上并单击它时，我可以转到另一个页面。但是当我尝试执行它时，DOM将锚定标记抛出表标记之外，它不起作用。我如何实现这一点？

你不能

链接可以存在于表格单元格内，也可以完全包含表格。两者之间没有选择

您可以在第一个单元格中放置一个链接，然后应用一些JavaScript：

<div class="table-responsive">
    <table class="table table-bordered">
       <tbody> 
            <tr>
                <th>head1</th>
                <th>head2</th>
                <th>head3</th>
                <th>head4</th>
                <th>head5</th>
                <th>head6</th>
                <th>head7</th>
            </tr>

            <a href="#">
                <tr>
                    <td>col1</td>
                    <td>col2</td>
                    <td>col3</td>
                    <td>col4</td>
                    <td>col5</td>
                    <td>col6</td>
                    <td>col7</td>
                </tr> 
             </a>

        </tbody>

    </table>
</div>

你不能

链接可以存在于表格单元格内，也可以完全包含表格。两者之间没有选择

您可以在第一个单元格中放置一个链接，然后应用一些JavaScript：

<div class="table-responsive">
    <table class="table table-bordered">
       <tbody> 
            <tr>
                <th>head1</th>
                <th>head2</th>
                <th>head3</th>
                <th>head4</th>
                <th>head5</th>
                <th>head6</th>
                <th>head7</th>
            </tr>

            <a href="#">
                <tr>
                    <td>col1</td>
                    <td>col2</td>
                    <td>col3</td>
                    <td>col4</td>
                    <td>col5</td>
                    <td>col6</td>
                    <td>col7</td>
                </tr> 
             </a>

        </tbody>

    </table>
</div>

---

这不是一个有效的标准。您可以将JS用于acnchor。例如：

jQuery("tr").on("click", function (e) {
    location = jQuery(this).find("a").attr("href");
});

TR定义可以是：

$('.table-bordered tr td').on("click", function(){
  window.location.href= $(this).parent().attr('href');
});

。。。。。

这不是有效的标准。您可以将JS用于acnchor。例如：

jQuery("tr").on("click", function (e) {
    location = jQuery(this).find("a").attr("href");
});

TR定义可以是：

$('.table-bordered tr td').on("click", function(){
  window.location.href= $(this).parent().attr('href');
});

。。。。。

您不能在

中添加

标记。 只能在

标记中添加内容

尝试使用

document.location.href+='#anchor'添加
onclick
属性；返回false

示例


表格{
高度：200px；
}
#试验{
高度：400px；
背景颜色：灰色；
}

点击
点击
您不能在
中添加
标记。
只能在
标记中添加内容

尝试使用
document.location.href+='#anchor'添加
onclick
属性；返回false

示例


表格{
高度：200px；
}
#试验{
高度：400px；
背景颜色：灰色；
}

点击
点击
在
周围有
标记会使其
无效
标记..您可以为每个标记放置锚定标记，如：是，但如何将行作为锚定？这完全不可能吗？这不是语义上的，但是您可以使用
div
标记
表（或者更准确地说，使用
ul
，因为它是一个行列表）并使用CSS像
表一样显示
。在
周围有
标记会使其
无效
标记。您可以为每个like放置锚定标记：是的，但如何将行作为锚定？这完全不可能吗？这不是语义上的，但是您可以使用
div
标记
表（或者更准确地说，使用
ul
，因为它是一个行列表）并使用CSS像
表格那样显示
tr
定义应该是
data href
，因为
href
不是有效的
tr
属性，它只是一个参考。无论如何，这根本不是问题，但使用数据-*是好的。穆罕默德·伊姆兰·侯赛因是对的。使用HTML5的数据属性。
tr
定义应该是
data href
，因为
href
不是有效的
tr
属性，它只是一个参考。无论如何，这根本不是问题，但使用数据-*是好的。穆罕默德·伊姆兰·侯赛因是对的。使用HTML5的数据属性。如何使其转到另一个页面？问google.com？我怎样才能转到另一个页面？你对google.com说什么？