0

我需要为每个 li 元素存储一些隐藏的 HTML。最好的方法是什么？

我尝试将其作为数据存储在每个 li 元素上，但隐藏的 HTML 标签搞砸了 li 元素。

我设法通过将数据存储在每个 li 的隐藏文本区域中来做到这一点。

这是最好的方法吗？或者，还有更好的方法。

我存储了大约 200 个字符。

4

8 回答 8

5

将您隐藏的 HTML 放在div/span中，其 CSS 类具有：

 display: none;

见display物业。

于 2013-06-04T13:33:39.050 回答
1 
<input type="hidden" value="your hidden stuff here" />
于 2013-06-04T13:33:52.607 回答
1

您可以在每个 li 放置一个隐藏字段来放置数据！我认为隐藏字段会很好用，并且数据量没有限制。

<input type="hidden" id="myId" value="value here pls..." />

希望这对你有帮助！

于 2013-06-04T13:36:06.503 回答
0

您的数据是 HTML 还是内容？您是否出于程序原因需要它？如果这只是隐藏内容的问题，就像使用图像交换时的屏幕阅读器一样，例如，使用 css：

#my_content {
   text-indent: -9999px;
}

除此之外，您可以使用隐藏的表单字段，或者简单地使用 CSS 来完全隐藏元素。

于 2013-06-04T13:34:15.763 回答
0

另一种方法：

如果您希望出现额外的 HTML DATA，但您根本不想渲染它 （我假设这是因为您说您试图将它们隐藏在 textarea 中- 这就是我发布此答案的原因）那为什么不只是把它放在评论里？

<li> your code....      
<!-- 
    <div>my hidden html code of this li, of course i won't have nested comments in here!!!</div>
-->
</li>

当然这很棘手，并且不容易获得这些数据，但是如果您只需要它来进行调试，那就可以了。

否则我赞成 display:none 在一个包装的 div 中。

明显的船长。

于 2013-06-04T14:00:15.113 回答
0 
try this
<div style="display:none;">your html here.....</div>
于 2013-06-04T13:40:51.867 回答
0

我最近学会的一种方法是使用<script>标签。您可以将 ID 添加到脚本标记，并使用该 ID 在 javascript 中引用以获取内容并对其进行处理。我将它用于内联模板。

http://www.bennadel.com/blog/2411-Using-Underscore-js-Templates-To-Render-HTML-Partials.htm

<script id="foo" type="text/template">
  <p>your text here</p>
</script>

现在在真正的javascript中：

<script type="text/javascript">
    <!-- assume jquery for the sake of assuming something -->
    $(function() {
    fooTemplate = $("#foo").clone();
    $("#target").append(fooTemplate);
    });
</script>

我创建了一个 fiddle，但我不得不在 HTML 区域中使用 div 因为 fiddle 不喜欢有一个额外的脚本节点......原理是一样的——只需在页面中的 html 中更改脚本即可。

于 2013-06-04T13:44:23.033 回答
0

如果您的 < li > 是 < ol > 元素的子元素并且您要存储的值是整数，那么您可以将它们存储为

<li value="11">DISPLAY ITEM</li>
于 2013-06-04T13:58:11.233 回答