javascript - 在带有分隔符的单击 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 其中 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);
});

见演示

Answer 2

您需要在该变量发生字符串时使用name变量。globalclickappend

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