javascript - 从浏览器内置的查找功能中隐藏 DIV 元素

Question

好的，伙计们，这是交易。为了滚动表的目的，我的页面中有两个 div。 一切正常(我会发布代码，但页面对于我们引入的所有数据库数据来说太复杂了。而且我不想违反我公司的任何隐私规则。)无论如何。我有两个包含完全相同数据的 div，并且我在另一个之上对可滚动 div 进行了 z-index。隐藏的 div 仅用于显示表头。我必须在两个 div 中写出数据，以便表格标题的单元格宽度正确，因为宽度会变化。无论如何，既然解释已经结束，那么问题就来了。使用 CTRL+F 在表中查找元素时。当它找到一个元素时，它说它找到了两个，因为它在隐藏的 div 中找到值。在 HTML、CSS、JAVASCRIPT 中有没有在查找函数中不包括隐藏 div 的内容？

抱歉这么长的解释。这是我在这里的第一个问题，只是想问清楚。

感谢大家的帮助。

代码:写出 div 和表格 response.write "<div id='container'>" response.write "<TABLE BORDER=1 style='border: solid; ' WIDTH='100%'>" call writeHeader call writeData response.write "</table><div id='divToShow'><TABLE BORDER=1 style='background-color: white;border: solid;' WIDTH='100%'>" objrst.Close objRst.Open Sql call writeData call writeHeader response.write "</div></table></div>"

CSS:

<style>
#container {
    width: 100%;
    height: 650px;
    position: relative;
    overflow: hidden;
}

#divToShow {
    width: calc(100% + 5px);
    height: 650px;
    position: absolute;
    top: 46;
    left: 0;
    overflow-x: scroll;
    overflow-y: scroll;
}

#divToShow {
    z-index: 10;
}

Answer 1

事实证明，将可见性设置为隐藏可以满足您的要求:

td {
    visibility:hidden;
}  

这个例子说明了这一点:http://jsfiddle.net/c26pn017/

但正如我在评论中所述，我宁愿深入了解如何构建固定的 header 表。