Question

我使用表格显示一些文本（每个工作日显示几行信息的表格）。这些表总是包含当天的信息，所以我想关注当天（列，或至少列的<th>）。

我需要做些什么？ .focus类仅保留用于输入字段吗？

（Ps：我使用bootstrap，如果这可能会有所帮助，但我认为bootstrap对此没有任何帮助）

编辑：如果有帮助，网站为http://pedrorijo91.github.io/ist-canteen/

Answer 1

如果您之前在其上设置了tabindex，则可以将焦点放在TD元素上。

var td = getElementById('someTD');
td.setAttribute('tabindex', 10000);    // or other number
td.focus();

完美地运作，它显示正常的焦点行为，因此应用焦点css规则，如：

td:focus { background: #E0F8E0; border: 1px dashed red; }

Answer 2

加载页面并生成数据后，只需将页面重定向到相应的ID。

例如，如果它是星期四，请从您的数据中获取并执行以下操作：

window.location = '#thursday';

这将集中于你想要的星期四。

我为它做了一个垃圾箱。 http://jsbin.com/timozi/1/edit?html,js,output

只需将输出窗口拖动到窄，这样只显示前2或3列并运行代码。应突出显示第七列。

Answer 3

如果您的强度听力是用以前的数据突出显示或区分当前日数据，只需添加额外的样式，如下所示。添加类到标签如

<tr class="current-day">
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
</tr> 

 .current-day
 {
   background:#006621;
   color:#fff;
 } 

.current-day td
{
   background:#006621;
   color:#fff;
}

专注于表格单元格/列

3 个答案: