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

Javascript jQuery在同一元素中输出多个选择器的每个函数,javascript,jquery,html,jquery-selectors,each,Javascript,Jquery,Html,Jquery Selectors,Each,嗨,伙计们 我希望在单个元素中显示(每个$)我的表单摘要,如下所示: Lorem - 15$ Ipsum - 27$ Amet - 12$ 但是如何关联每个选择器呢 实际上我得到了这个输出: Lorem - 15 - Ipsum - 27 - Amet - 12 - 谢谢大家;-) 如果您的HTML格式是固定的,您可以使用next获取下一个输入值 $.each($("input[name*='data']"), function() { $('#preview').append($

嗨,伙计们

我希望在单个元素中显示(每个$)我的表单摘要,如下所示:

Lorem - 15$
Ipsum - 27$
Amet - 12$
但是如何关联每个选择器呢

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

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

谢谢大家;-)

如果您的
HTML
格式是固定的,您可以使用
next
获取下一个
输入值

$.each($("input[name*='data']"), function() {
    $('#preview').append($(this).val() + ' - ' + $(this).next('input').val() + '$<br>');
});
$。每个($(“输入[name*='data']),函数(){
$(“#预览”).append($(this.val()+'-'+$(this.next('input').val()+'$
'); });

如果您的
HTML
格式是固定的,您可以使用
next
获取下一个
输入值

$.each($("input[name*='data']"), function() {
    $('#preview').append($(this).val() + ' - ' + $(this).next('input').val() + '$<br>');
});
$。每个($(“输入[name*='data']),函数(){
$(“#预览”).append($(this.val()+'-'+$(this.next('input').val()+'$
'); });

也许你可以试试这个:

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++; 
});
var计数器=1,
$preview=$(“#preview”);
$。每个($($)输入[name*='data'],输入[name*='price']),函数(){
$preview.append($(this.val());
如果(计数器%2==0){
$preview.append(“$
”); }否则{ $preview.append('-'); } 计数器++; });
在每次迭代中,您都会检查您是在偶数项上还是在奇数项上,并且您可以定义自己的结束。这是更普遍的解决方案


也许你可以试试这个:

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++; 
});
var计数器=1,
$preview=$(“#preview”);
$。每个($($)输入[name*='data'],输入[name*='price']),函数(){
$preview.append($(this.val());
如果(计数器%2==0){
$preview.append(“$
”); }否则{ $preview.append('-'); } 计数器++; });
在每次迭代中,您都会检查您是在偶数项上还是在奇数项上,并且您可以定义自己的结束。这是更普遍的解决方案


是的,它能完成任务!好奇的是,多个选择器可以吗?@WalkerNuss是的,在这种情况下,不需要多个选择器是的,它可以完成任务!好奇的是,多个选择器可以吗?@WalkerNuss是的,在这种情况下,不需要多个选择器哦,是的!它也起作用了!谢谢你的回答;-)哦,是的!它也起作用了!谢谢你的回答;-)