Question

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

我已经尝试将其存储为每个li元素的数据，但隐藏的HTML标记会搞砸li元素。

我设法通过将数据存储在每个li的隐藏文本区域来实现。

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

我存储了大约200个字符。

Answer 1

将隐藏的HTML放在div / span中，其CSS类包含：

 display: none;

请参阅display属性。

Answer 2

<input type="hidden" value="your hidden stuff here" />

Answer 3

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

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

希望这能帮到你！

Answer 4

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

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

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

Answer 5

try this
<div style="display:none;">your html here.....</div>

Answer 6

我最近学会这样做的一种方法是使用<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>

我created a fiddle，但我不得不在HTML区域使用div，因为小提琴不喜欢有一个额外的脚本节点......原理是一样的 - 只需更改到html中的脚本你的页面。

Answer 7

如果你的＆lt; li ＆gt;是＆lt; ol 的孩子＆gt;您要存储的元素和值是整数，然后您可以将它们存储为

<li value="11">DISPLAY ITEM</li>

Answer 8

另一种方法：

如果您希望额外的HTML数据存在，但您根本不想渲染 （我假设这是因为您说试图隐藏他们在textarea里面 - 这就是为什么我发布这个答案）然后为什么不把它放在评论中呢？

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

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

否则我赞成在包装的div中显示：none。

Captain Obvious。

在页面上存储隐藏的HTML？

8 个答案: