Javascript/jQuery：如何从另一个类中获取数据值

Question

问题是，当我在购物车页面中添加超过1种产品时，我想获取所有产品标题和数量，例如：第1个产品标题，3 - 第2个产品标题，1 - ...但是当我尝试使用我与您共享的代码时，我只能获得第一个产品的数据，但对于其他产品，我没有任何数据， 所以我想获取数据，因为这个类收集购物车页面中所有产品的数据（标题+每个产品的数量），希望我已经清楚地解释了它class2

表单代码：

<label class="title-form">Shipping Information</label>

<form class="form" id="form" target="_self" onsubmit="return postToGoogle();" action="" autocomplete="off">

<div class="data-form" style="">

<div class="field mb-2">

    <input placeholder="Name" id="nameField" name="entry.638007929" type="text" required>

</div>

<div class="field mb-2">

    <input placeholder="Phone" id="mobField" name="entry.1319098236" type="text" required>

</div>

<div class="field mb-2">

    <input placeholder="Address" id="addressField" name="entry.1908756447" type="text" required>

</div>

{% for line_item in cart.items %}

  <input type="hidden" name="entry.992799284" class="class1" value="{{line_item.product.title}}, {{line_item.quantity}} -">

  <span class="class2">{{line_item.product.title}}, {{line_item.quantity}} - </span>

{% endfor %}

</div>

<button class="button_get order_button btn btn-pink js_submit button__text orderButton" id="send" type="submit">

Confirm

</button>

</form>

Answer 1

不确定您的确切含义，但这会从中获取文本并将其作为上一个元素的值插入（class2class1)$.each($(".class2"), function() {&nbsp; &nbsp; $(this).prev(".class1").val($(this).text());});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><input type="hidden" name="entry.992799284" class="class1" value=""><span class="class2">3rd Product Title, 1 - </span><input type="hidden" name="entry.992799284" class="class1" value=""><span class="class2">2nd Product Title, 1 - </span><input type="hidden" name="entry.992799284" class="class1" value=""><span class="class2">1st Product Title, 1 - </span>

Answer 2

您可以使用jquery .each（）获取所有跨度的数据，并使用推送保存到数组中。class2var arr=[];$(".class2").each(function(){&nbsp;arr.push($(this).html());});console.log(arr); // log all the title$(".class1").val(arr); // this will add all the class2 span data into hidden field现在变量保存所有跨度内容，您可以将其绑定到隐藏字段。arrclass2class1