Jquery输出值问题

Jquery out put values issue

本文关键字：问题 输出 Jquery      更新时间：2023-09-26

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

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

我想要抓取数据并点击输出将其放到文本区域。但是我用起来有些问题。

下面是我的代码: 

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

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

$(".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'));
});

你想要值之间的空格，你想要数字像文本一样对待，那么你必须在输出中放空格，这也会避免数字被加在一起

slivaltotal = slivalimg + " " + slival + " " + slivalmix
相关文章：