Javascript 获取动态表行的URL
我有一个动态生成的表。每个条目都是从数据库中提取的。每一行包含标题、型号和图像,作为其自己的Javascript 获取动态表行的URL,javascript,css,url,dynamic,html-table,Javascript,Css,Url,Dynamic,Html Table,我有一个动态生成的表。每个条目都是从数据库中提取的。每一行包含标题、型号和图像,作为其自己的 所有标题在数据库中的存储方式如下: <a href="site.com/item_01.php">Item 01</a> 因此,显示的名称也可以是链接 问题是-只有标题是可点击的,我似乎无法移动 或者我可以通过绝对定位/z-index/display:block,以某种方式在其他列中拉伸数据吗 谢谢你的帮助,我以前从未遇到过这样的事情 这是一种黑客行为,但应该适用于: $
所有标题在数据库中的存储方式如下:
<a href="site.com/item_01.php">Item 01</a>
因此,显示的名称也可以是链接
问题是-只有标题是可点击的,我似乎无法移动
或者我可以通过绝对定位/z-index/display:block,以某种方式在其他列中拉伸数据吗
谢谢你的帮助,我以前从未遇到过这样的事情 这是一种黑客行为,但应该适用于:
$('tr').click(function() {
$('a', $(this)).first().click();
});
代码翻译:
对于每个tr元素(每行),使该行可单击,单击时执行以下操作:
在“this”(刚刚单击的行)中找到第一个“a”(link)元素,并模拟单击它
尽管如此,理想情况下,您应该将链接作为单独的列存储在数据库中,并将标题作为前端代码中的链接,而不是将链接存储在标题中
请注意,此解决方案需要jQuery。您可以将url放在表行中
<tr class="the_url_that_comes later" data-url="the_url_i need_to_get">
<td class="grab_this_class's_URL">Item_01</td>
</tr>
同意。如果必须存储URL,则URL绝对应该存储在单独的列中。我不确定您的意思,它存储在它自己的列中。对不起,如果我不清楚,则每个名称/链接列都只是
如果您要使用此方法,还应使用CSS将tr的光标变成指针,所以访问者会知道他们可以点击它:tr{cursor:pointer;}那时你看得不够仔细。正如我所说,单独存储它们要灵活得多。你可以做任何你想做的事,包括无视我的建议,其他人都同意。
<tr class="the_url_that_comes later" data-url="the_url_i need_to_get">
<td class="grab_this_class's_URL">Item_01</td>
</tr>
$('tr').on('click', function () {
window.location = $(this).data('url');
});