Javascript 基于数组长度的html列表元素

我在后端有一个汽车数组，其长度由用户定义。因此，如果用户选择3辆车，数组中将包含3个元素。我想在列表中的html元素中显示汽车的某些方面。该数组是基于javascript的

大意如下：

<ul class="cars">
   <li>
      <img src=car[0].imageUrl>
      <h3>#{car[0].name}</h3>
      <span id="brand">#{car[0].brand}</span>
      <p>#{car[0].desc}</p>
   </li>
    <!--->until car[car.length-1]<!--->
</ul>

我是新来的，所以如果我没有解释清楚的话。很抱歉，我会尽力澄清的

---

编辑：感谢所有的反馈，最后使用了ng repeat。我知道有多种方法可以剥这只猫的皮。我的目标是得到多个答案。下次我会问一个具体的解决方案

我真的不想卑鄙……但你离我们太远了，以至于很难知道从哪里开始。这甚至不是javascript代码执行的方式。这些都不会运行，浏览器只会假设它是你想要显示的奇怪文本

JS并不是你只要把它放在HTML代码的任何地方，然后像你所拥有的那样输出。它与不是脚本语言的HTML分开运行。我也不知道你是从哪里得到这些东西的。这是对CSS样式的某种误解吗

<ul id="cars"></ul>
<script>
    var car = [
        {imageUrl:'url1',name:'name1',brand:'brand1',desc:'desc1'},
        {imageUrl:'url2',name:'name2',brand:'brand2',desc:'desc2'},
        {imageUrl:'url3',name:'name3',brand:'brand3',desc:'desc3'},
        {imageUrl:'url4',name:'name4',brand:'brand4',desc:'desc4'}
    ]; // don't know where your array comes from, had to make my own

    var carsElem = document.getElementById('cars');
    var htmlOut = '';
    for (i=0; i<car.length; i++)
        htmlOut += '<li><img src="'+car[i].imageUrl+'"><h3>'+car[i].name+'</h3><span class="brand">'+car[i].brand+'</span><p>'+car[i].desc+'</p></li>';
    carsElem.innerHTML = htmlOut;
</script>

---

正如你所看到的，这和你所说的完全不同。你所说的甚至不是任何形式的HTML/JavaScript。如果你想做到这一点，你必须从原点开始，从hello world学习。

使用角度完整的html语法，我假设你的控制器中有一个数组$scope.cars

您可以使用ng repeat创建列表：

<ul class="cars">
   <li ng-repeat="car in cars">
      <img ng-src="car.imageUrl">
      <h3>{{car.name}}</h3>
      <span id="brand">{{car.brand}}</span>
      <p>{{car.desc}}</p>
   </li>   
</ul>

---

我认为您可能需要阅读更多关于web开发、教程、youtube等的内容，并获得基本的工作知识。您应该将javascript代码包装在标签中，否则它将无法工作。阅读这些HTML和JS教程，这只是HTML文件的一部分。它显示了我想要的信息，但我想知道是否有一种方法可以通过一个sortAt循环来实现这一点，至少告诉我们模板是什么框架。这些代码不仅仅是HTML和JavaScript。我用jade编写，我试图将其翻译回HTML。不确定我是否根据角度标签100%准确地做了这件事…这个答案非常离题。OP的代码非常接近于一个可行的角度模板，即使它不是角度模板，jade是一个在节点上用javascript运行的模板引擎servers@charlietfl-它也有一个jQuery标记…似乎没有什么意义。问题只是说他有一个javascript数组，想把它放在HTML元素中，并被标记为显示在网站的javascript部分。第一次提到jade是在一篇评论中，在我回答之后。对不起，我应该澄清代码片段来自我的html文件。谢谢你的帮助。谢谢@charlietfl！工作得很有魅力