在Javascript中切换ul和ol的任何方法

Any way to switch between ul and ol in Javascript?

本文关键字：ol 任何 方法 ul Javascript      更新时间：2023-09-26

我有问题动态创建列表(ol或ul)。我面临的问题是，有时我需要有序列表，有时需要无序列表，这取决于JSON。我用的是knockout，这是我的html，

<ol data-bind="foreach: items" ><li><a data-bind="text: $data"></a></li></ol>

这是我的JSON，

{
   items: ['a','b','c'],
   orderedList: true
}

你可以看到orderedList可以为真或假。如果为真，则需要使用ol，如果为假，则需要使用ul。我也要避免重复。

这是我放在一起的一个粗糙的样本，无法测试它。但是你可以理解。

<!-- ko if : orderedList -->
<ol>
<!-- /ko -->
<!-- ko ifnot : orderedList -->
<ul>
<!-- /ko -->
<!-- ko foreach: items -->
<li><a data-bind="text: $data"></a></li>
<!-- /ko -->
<!-- ko if : orderedList -->
</ol>
<!-- /ko -->
<!-- ko ifnot : orderedList -->
</ul>
<!-- /ko -->

EDIT:没有if-else条件。所以你必须依赖于使用多个Ko if语句。

EDIT2:操作符的代码版本。

<!-- ko if : orderedList -->
<ol data-bind="foreach: items">
    <li><a data-bind="text: $data"></a></li>
</ol>
<!-- /ko -->
<!-- ko ifnot : orderedList -->
<ul data-bind="foreach: items">
    <li><a data-bind="text: $data"></a></li>
</ul>
<!-- /ko -->
相关文章：