你可以像这样构建一个项目数组：

const names = "name1,name2,name3,nameN";
const values = "value1,value2,value3,valueN";
const ids = "id1,id2,id3,idN";

const namesArray = names.split(",");
const valuesArray = values.split(",");
const idsArray = ids.split(",");

const items = [];
for (let i = 0; i < namesArray.length; i++) {
    let item = {};
    item.name = namesArray[i];
    item.value = valuesArray[i];
    item.id = idsArray[i];
    items.push(item);
}

字符串
然后，要从中构建HTML，您可以这样做：

const main = $("<ul>");
let str = "";
for (let item of items) {
    str += "<li>" + item.name + "</li><ul><li>value: <b>" + item.value + "</b></li>";
    str += "<li>id: <b>" + item.id + "</b></li></ul>";
}
main.html(str);
$(document.body).append("<h3>items</h3>")
$(document.body).append(main);

型
这里有一个片段：

const names = "name1,name2,name3,nameN";
const values = "value1,value2,value3,valueN";
const ids = "id1,id2,id3,idN";

const namesArray = names.split(",");
const valuesArray = values.split(",");
const idsArray = ids.split(",");

const items = [];
for (let i = 0; i < namesArray.length; i++) {
  let item = {};
  item.name = namesArray[i];
  item.value = valuesArray[i];
  item.id = idsArray[i];
  items.push(item);
}

const main = $("<ul>");
let str = "";
for (let item of items) {
  str += "<li>" + item.name + "</li><ul><li>value: <b>" + item.value + "</b></li>";
  str += "<li>id: <b>" + item.id + "</b></li></ul>";
}
main.html(str);
$(document.body).append("<h3>items</h3>")
$(document.body).append(main);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

的字符串

您可能需要使用DOM来实现这一点。
使用innerHTML意味着在你的JavaScript中有内嵌的HTML。这会破坏Seperations of concerns并导致维护地狱。
Live Example的

var createListFragment = (function () {
    function createItems(names,value,ids) {
        var namesArray = names.split(",");
        var valuesArray = value.split(",");
        var idsArray = ids.split(",");

        return namesArray.map(function (name, key) {
            return {
                name: name,
                value: valuesArray[key],
                id: idsArray[key]
            }
        });        
    }

    function createLi(item) {
        var itemLi = document.createElement("li");
        itemLi.textContent = item.name;

        var propertiesUl = document.createElement("ul");
        itemLi.appendChild(propertiesUl);

        var valueLi = document.createElement("li");
        valueLi.appendChild(document.createTextNode("value: "));
        var b = document.createElement("b");
        b.textContent = item.value;
        valueLi.appendChild(b);
        propertiesUl.appendChild(valueLi);

        var idLi = document.createElement("li");
        idLi.appendChild(document.createTextNode("id: "));
        var b = document.createElement("b");
        b.textContent = item.id;
        idLi.appendChild(b);
        propertiesUl.appendChild(idLi);

        return itemLi;
    }

    function createListFragment(names, values, ids) {
        var items = createItems(names, values, ids);
        var fragment = document.createDocumentFragment();

        var h3 = document.createElement("h3");
        h3.textContent = "items";
        fragment.appendChild(h3);

        var ul = document.createElement("ul");
        fragment.appendChild(ul);

        items.forEach(function (item) {
            var li = createLi(item);
            ul.appendChild(li); 
        });

        return fragment;
    }

    return createListFragment;
})();

字符串
您可能需要DOM-shim和ES5-shim来实现跨浏览器合规性。