Alan değerleri gruplar halinde nasıl birleştirilir?

Question

Buna benzer bir HTML yapısına sahibim, ancak bir kullanıcı gereksinim duyduğunda dinamik olarak bir çift alan (& soyadı) ekliyorum. İlk 2 birleştirme alanlarını ve örneğin ikinci alan değerinden sonra bir sınırlayıcı ile katılmak isteyen Ancak

<div class="wrapper"> 
    <input id="firstname" type="text" value="firstname"> 
    <input id="surname" type="text" value="surname"> 
    <input id="firstname2" type="text" value="firstname"> 
    <input id="surname2" type="text" value="surname"> 
    </div> 

I

var vals = $('input').map(function() 
{ 
    return this.value; 
}).get().join(','); 

ayrılmış 1 uzun dize ve virgül içine tüm değerler elde edebilirsiniz firstname surname, firstname2 surname2 ve POST'ta hangi alanların oluşturulduğunu bilmediğim için, bunları seçicimde belirtemem, bu yüzden hepsini sarıcıdan almam gerek. ,

Answer 1

Böyle bir şey yapabilirsiniz: Yalnızca geçen alanın değeri satır sınırlayıcı ile eklenecektir,

var vals = $('input').map(function() 
{ 
    return this.id.substring(0,6) == 'surname'?this.value+'~':this.value; 
}).get().join(','); 

.

Not: Ben kimlik özelliği kapalı mantığını esas aldık, ancak kullanımı için uygun olan hiç özniteliği kullanmak isteyebilirsiniz Bunu neden

Sen isteyebilirsiniz

Answer 2

Bu

<div class="wrapper"> 
<input class="firstclass" id="firstname" type="text" value="firstname"> 
<input class="firstclass" id="surname" type="text" value="surname"> 
<input class="secondclass" id="firstname2" type="text" value="firstname"> 
<input class="secondclass" id="surname2" type="text" value="surname"> 
</div> 

gibi bir sınıf birleştirilmiş gerektiğini alanını atamak mümkün olmalıdır ve artık yerine eleman türü input sınıf adını kullanarak birleştirmek için alanları seçmek gerekir her bir çift böyle, bu kendi div böylece bu

var vals = $('.firstclass').map(function() 
{ 
    return this.value; 
}).get().join(','); 

Alternatif gibi, html yeniden;

<div class="wrapper"> 
    <div class="inputs"> 
     <input class="firstclass" id="firstname" type="text" value="firstname"> 
     <input class="firstclass" id="surname" type="text" value="surname"> 
    </div> 
    <div class="inputs"> 
     <input class="firstclass" id="firstname" type="text" value="firstname"> 
     <input class="firstclass" id="surname" type="text" value="surname"> 
    </div> 
</div> 

ve daha sonra, ilk olarak bu gibi bir dizi olarak inputs seçmek; ve döngüleri girişler üzerinde ve ilk örnekte yaptığınız gibi alanları birleştirin.

for (var i in inputs) { 
    var vals = $(i).find('input').map(function() 
    { 
     return this.value; 
    }).get().join(','); 
    ... do something with vals... 
}