jQuery每个函数在同一元素中具有多个选择器输出

Question

大家好！

我想在单个元素中显示（带有$ .each）我的表单的摘要，如下所示：

Lorem - 15$
Ipsum - 27$
Amet - 12$

但是如何关联每个选择器？ ： JSFiddle

其实我得到了这个输出：

Lorem -
15 -
Ipsum -
27 -
Amet -
12 -

感谢你所做的一切 ;-）

Answer 1

如果您的HTML格式是固定的 ，则可以使用next获取下一个input值。

$.each($("input[name*='data']"), function() {
    $('#preview').append($(this).val() + ' - ' + $(this).next('input').val() + '$<br>');
});

演示

Answer 2

也许您可以尝试以下方法：

var counter = 1,
    $preview = $('#preview');

$.each($("input[name*='data'],input[name*='price']"), function() {

    $preview.append($(this).val());

    if (counter % 2 === 0) {
        $preview.append('$ <br>');
    } else {
        $preview.append(' - ');
    }

    counter++; 
});

在每次迭代中，您都检查是偶数还是奇数项，然后可以定义自己的结尾。 这是更通用的解决方案。

JSFiddle