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

Question

Hy guys !

I would like to display (with $.each) a summary of my form in a single element, like that :

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

But how to associate each selectors ? : JSFiddle

Actually i got this output :

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

Thank you for all ;-)

Answer 1

If your HTML format is fixed , you can use next to get the next input value.

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

DEMO

Answer 2

Maybe you can try this:

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++; 
});

In each iteration you check if you are on even, or odd item, and you can define your own ending. This is more universal solution.

JSFiddle