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

我该怎么做？我尝试在{my}之间制作<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);

使用元素中的jQuery填充textarea。就快结束了

1 个答案: