如何使用Javascript获取已排序列表的总数

我正在制作一个在线交付网页的代码，我很难弄清楚如何输出用户订购的列表的总数

function ListOrder(){
        document.getElementById('order').innerHTML += "<div id=\"YourOrders\">" +  + document.getElementById('FoodName').value + document.getElementById('quantity').value  + document.getElementById('Totality').value + "</div><br>";}

函数ListOrder（）{
document.getElementById（'order'）。innerHTML++=“document.getElementById（'FoodName'）。value+document.getElementById（'quantity'）。value+document.getElementById（'Totality'）。value+”
“；}

编辑：我想知道怎样才能得到总价的总和。因此，我在document.getElementById（'Totality'）.value之间放置了一个parseInt。现在看起来是这样的,

function ListOrder(){
        document.getElementById('order').innerHTML += "<div id=\"YourOrders\">" +  + document.getElementById('FoodName').value + document.getElementById('quantity').value  + parseInt(document.getElementById('Totality').value) + "</div><br>";}

函数ListOrder（）{
document.getElementById（'order'）。innerHTML++++document.getElementById（'FoodName'）。value+document.getElementById（'quantity'）。value+parseInt（document.getElementById（'Totality'）。value）+“
”；}

有人能帮我做一个函数吗？请只写Javascript。我还是个新手

函数ListOrder（）{
function ListOrder(){
  document.getElementById('order').innerHTML +=
    "<div id=\"YourOrders\">" +
    parseInt(document.getElementById('FoodName').value) +
    parseInt(document.getElementById('quantity').value) +
    parseInt(document.getElementById('Totality').value) +
    "</div><br>";
}

document.getElementById（'order'）.innerHTML+=
"" +
parseInt（document.getElementById（'FoodName'）.value）+
parseInt（document.getElementById（'quantity'）.value）+
parseInt（document.getElementById（'Totality'）.value）+
“
”；
}

代码的内核应该如下所示（删除双

+

运算符，重新格式化）：

函数ListOrder（）{
document.getElementById（'order'）.innerHTML+=
"" +  (
document.getElementById（'FoodName'）.value
+document.getElementById（'quantity'）。值
+document.getElementById（'Totality'）.value
)
+“
”
;
}

您的问题措辞表明您希望输出一个由具有特定ID的所有（html）元素的内容组合而成的订单列表

这将无法可靠地工作：

• ID应该是文档唯一的
• 您使用的Js函数不会迭代列表

相反，请按照以下步骤进行操作（假设您导入了跨浏览器dom处理和ajax库（无论如何都应该使用它：）：

函数ListOrder（）{
var e_orders=$（“”）；
$（“#订单”）。追加（e#u订单）；
$（“.FoodName”）。每个（函数（idx\u fn，e\u fn）{
$（电子订单）。附加(
$（“”）。附加(
$（e_fn）.val（）
+$（e_fn）.nextAll（'.quantity'）.val（）
+$（e_fn）.nextAll（'.Totality'）.val（）
);
);
$（电子订单）。追加（
）；
});
退回电子订单；
}

---

代码模板假定源数据是具有

value

属性的元素，这些属性用css类

quantity

、

Totality

和“FoodName”标记，并且这些元素在容器元素中是兄弟元素，对于包含数量信息的每个项目都是唯一的。它应该足够灵活，可以根据您的实际需要和html结构进行定制

确保你在操作数字

.value

返回一个字符串。哦，那么我如何将其转换为整数呢？@user3359381

parseInt（）

@user3359381如果您想重新打开此问题，您需要发布更多相关的代码，并更清楚地描述实际输出与预期输出之间的差异。

function ListOrder(){
    document.getElementById('order').innerHTML +=
          "<div id=\"YourOrders\">" +  (
                document.getElementById('FoodName').value
              + document.getElementById('quantity').value
              + document.getElementById('Totality').value
          )
        + "</div><br>"
    ;
}

function ListOrder(){
    var e_orders = $("<div id=\"YourOrders\">");
    $("#order").append(e_orders);

    $(".FoodName").each ( function ( idx_fn, e_fn ) {
        $(e_orders).append(
            $("<div/>").append(
                 $(e_fn).val()
               + $(e_fn).nextAll('.quantity').val()
               + $(e_fn).nextAll('.Totality').val()
            );
        );
        $(e_orders).append("<br>");
    });

    return e_orders;
}