W3文档有一个前缀为的嵌套列表示例DEPRECATED EXAMPLE:,但它们从未使用非弃用示例对其进行更正,也未解释该示例的确切错误.
那么这些方法中哪一种是编写HTML列表的正确方法？
选项1:嵌套<ul>是父级的子级<ul>
<ul>
<li>List item one</li>
<li>List item two with subitems:</li>
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
<li>Final list item</li>
</ul>
选项2:嵌套<ul>是<li>它所属的子级
<ul>
<li>List item one</li>
<li>List item two with subitems:
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
<li>Final list item</li>
</ul>
我正在实现一个 ul 和 li 列表，来自 json 数据并具有展开/折叠功能。
\n\n问题是，当尝试展开/折叠时，所有子项都一起展开，但我只想折叠/展开单击的子项；
\n\n这是我的代码：
\n\n<html>\n <head>\n <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>\n <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>\n <style type="text/css">\n ul li ul {\n display: none;\n } \n a {\n color: red;\n }\n </style>\n <title></title>\n </head>\n <body>\n <ul id="menu" class="list">\n </ul>\n <script type="text/javascript">\n $(window)\n .load(\n function() {\n var JSON = {\n menu : [ {\n name : \'Title\',\n link : \'#\',\n sub : [ {\n name : \'Enclosure1\',\n link : \'#\',\n sub : null\n }, {\n name : \'Enclosure2\',\n …