Question

我在使用jquery时遇到了一些问题。

我有可变数量的libox，其中包含特定值。

我想获取数据并在clikc上将其放到文本区域。但是我遇到了一些问题。

这是我的代码：

 $(".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

Jquery out put值问题

2 个答案: