jquery - 从元素中用 jQuery 填充 textarea。就快结束了

Question

只是在这里需要一些帮助

$(document).ready(
          function() {
             $('#submitCart').click(function() {
               var ListItems = $('.theList').text();
               var PriceItems = $('.theList li').attr('data-points');
               var GrandTot = $('.totaler').text();
             $('#message').text(ListItems + PriceItems + GrandTot);
        });
    });

所以它有效，感谢我最近发表的另一篇文章，我拥有一切.html而不是.text，现在我的问题是当你点击#submitCart

清单是这样出来的

item2item2item2 2000 total = $6000

我希望 textarea 像这样阅读

Item2 = 2000
Item2 = 2000
Item2 = 2000
Total = $6000

我该怎么做？我试着<br>像这样做一个中间，+<br>+这没有用

有人有好的建议吗？

Answer 1

您还有一些工作要做.......attr只获取第一个匹配元素的属性，即使它确实返回了所有这些元素，您也必须在连接之前进行解析。反正：

var text = '';
var total = 0;

$(".theList li").each(function () {
   var string = $(this).text();
   var points = parseInt($(this).data('points'));

   //capitalize first letter of string
   text += string.charAt(0).toUpperCase() + string.slice(1)
   //add line break at the end
      + ' = ' + points + "\n";

   total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = $" + total;
$("#message").text(text);