如何拆分 <ul> 的每个不同的变量

Question

我想将<ul> 拆分为每个不同的variable_name

我尝试在 if 语句中插入 ul，但它不起作用。是否可以将 ul 放在 if 语句之外？

假设我的variable_name = [dog,dog,dog,cat,cat,mouse,mouse,mouse,mouse];

我想要的输出是：

<ul>
  <li> dog </li>
  <li> dog </li>
  <li> dog </li>
</ul>
<ul>
  <li> cat </li>
  <li> cat </li>
</ul>
<ul>
  <li> mouse </li>
  <li> mouse </li>
  <li> mouse </li>
  <li> mouse </li>


Code:
<% for(var j=0;j<array4.length;j++)  { %>
<%  if(array4[j].input_type == "radio")	{ %>

<li class="list-group-item radio-choice" id="chk_<%=array4[j].variable_name%>" value=""><%=array4[j].answer_text%> </li>

<%} }%>

Answer 1

在 Node 中你可以这样做（直接在模板中，例如 eJS）：

<%

var variable_name = ['dog','dog','dog','cat','cat','mouse','mouse','mouse','mouse'];
var uls = [];
variable_name.forEach(function(item) {
    uls[item] = uls[item] ? ++uls[item] : 1;
});
for(var key in uls) {
    %><ul><%
    for (var i=0; i<uls[key]; i++) {
        %><li><%= key %></li><%
    }
    %></ul><%
}

%>

您可以使用 Javascript 中的控制台日志进行测试，如下所示：

var variable_name = ['dog','dog','dog','cat','cat','mouse','mouse','mouse','mouse'];
var uls = [];
variable_name.forEach(function(item) {
    uls[item] = uls[item] ? ++uls[item] : 1;
});
for(var key in uls) {
    console.log('<ul>');
    for (var i=0; i<uls[key]; i++) {
        console.log('<li>'+key+'</li>');
    }
    console.log('</ul>');
}