javascript - クリックしたjqueryに区切り文字で文字列を追加する

Question

それぞれにボタンがある 2 つのテキスト ボックスがあります。ボタンをクリックすると、文字列を追加する必要があります。最初のボタンをクリックして文字列に保存し、2 番目のボタンをクリックすると、2 番目の文字列が最初の文字列に追加されます。

<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 ここで、john は最初の文字列で、david は 2 番目の文字列です

Answer 1

私はあなたがこれを探していると思います:-

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

デモを見る

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