Jquery输出输出值问题

Question

我对jquery有一些问题。

我有一个可变数量的libox，里面有特定值。

我想抓取数据，并在clikc out上将其放入文本区。但我对它有一些问题。

下面是我的代码：

​

 $(".bottomtri.single_add_to_cart_button").click(function() {
   var slival = $("#mixers li .infora h3").text(),
     slivalmix = $("#mixers li .mix-value").text(),
     slivalimg = $("#mixers li .color-img").html(),
     slivaltotal = slivalimg + slival + slivalmix;
   $(".addon.addon-custom-textarea").val(slivaltotal);
 });

​

有了这段代码，可以输出的就是把所有的东西都混在一起，而且还可以把数字加起来。

我想要它做的是仔细检查每一个，然后把它像一个列表一样输出。

所以它的输出应该是这样的

h3 mix-value color-img
h3 mix-value color-img
h3 mix-value color-img
h3 mix-value color-img

Answer 1

您需要循环遍历幻灯片元素，并构建一个字符串数组。然后，在循环之后，您可以连接数组中的项，并用换行符分隔它们。在连接这些值时，还需要添加分隔符。

$(".bottomtri.single_add_to_cart_button").click(function() {

    var sliStrings = [];

    $("#mixers li").each(function () {
        var slival = $(".infora h3", this).text(),
            slivalmix = $(".mix-value", this).text(),
            slivalimg = $(".color-img", this).html(),
        sliStrings.push(slivalimg + " " + slival + " " + slivalmix);
    });

    $(".addon.addon-custom-textarea").val(sliStrings.join('\n'));
});

Answer 2

您希望值之间有空格，并且希望将数字视为文本，然后必须在输出中放置空格，这也可以避免将数字相加在一起

slivaltotal = slivalimg + " " + slival + " " + slivalmix