用分隔符點擊jquery附加字符串

Question

我有兩個文本框，每個文本框都有一個按鈕。點擊按鈕後，字符串必須被附加。說我點擊第一個按鈕，它將保存在一個字符串，我點擊第二個按鈕，第二個字符串應該被追加到第一個。

<input type="text" id="name_1"> <input type="button" id="button_1" value="add"> 
<input type="text" id="name_2"> <input type="button" id="button_2" value="add"> 

    <br> 
<input type="submit"> 

$('[id^="button_"]').on("click", function() { 
    name = $('#name_'+$(this).attr('id').split('_')[1]).val(); 
    alert(name); 
}); 

部分工作演示在這裏：jsfiddle

例如：john_david約翰在哪兒第一串和大衛是第二串

Answer 1

我認爲你正在尋找這樣的： -

$('[id^="button_"]').on("click", function() { 
    var name = ""; 
    $('[id^="button_"]').each(function(){ 
     name = name+$('#name_'+$(this).attr('id').split('_')[1]).val(); 
    }); 
    alert(name); 
}); 

見DEMO

Answer 2

您需要使用name變量作爲global當click發生append串到那個變量。

FIDDLE

Answer 3

試試這個：

var name = ""; 
$('[id^="button_"]').on("click", function() { 
    if(name == ""){ name = name+$(this).prev("input").val(); } 
    else{ name = name+"_"+$(this).prev("input").val(); } 
    alert(name); 
}); 

Answer 4

$('[id^="button_"]').on("click", function() { 
    name = $('#name_'+$(this).attr('id').split('_')[1]).val(); 
    alert(name); 
}); 
$('[type="submit"]').on("click", function() { 
    name = $('#name_1').val() + $('#name_2').val(); 
    alert(name); 
});