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

【问题标题】：jQuery each function with multiple selectors output in same elementjQuery 每个函数在同一个元素中输出多个选择器
【发布时间】：2015-06-30 23:39:14
【问题描述】：

大家好！

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

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

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

实际上我得到了这个输出：

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

谢谢大家 ;-)

【问题讨论】：

标签： javascript jquery html jquery-selectors each

【解决方案1】：

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

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

DEMO

【讨论】：

是的，它完成了工作！只是好奇，是否可以使用多个选择器？
@WalkerNuss 是的，在这种情况下不需要多重选择器

【解决方案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

【讨论】：

哦，是的！它也能胜任！谢谢你的回答;-)