jQuery每個函數有多個選擇器輸出相同的元素

我想顯示（用。每次$）我的形式在一個單一的元素的總結，這樣的：

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

但如何選擇各關聯？： JSFiddle

其實我得到這個輸出：

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

謝謝所有;-)

來源

2015-06-30 WalkerNuss

如果您HTML格式固定，您可以使用next獲得下一個input值。

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

DEMO

來源

2015-06-30 15:14:09 Tushar

是的，它做的工作！只是好奇，這是可能的多選擇器？ – WalkerNuss

@WalkerNuss是的，在這種情況下不需要多重選擇器 – Tushar

也許你可以試試這個：

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

來源

2015-06-30 15:39:14 areim

哦，是的！它也完成了這項工作！謝謝你的答案 ;-） – WalkerNuss

jQuery每個函數有多個選擇器輸出相同的元素

回答

相關問題