Javascript 为正确的单击获取正确的输出

我想根据按下的键将输入值放入div。 代码有什么问题以及如何更正

<input id = "mp1" /><input id = "mp2" />
<button id="sum1">Submit1</button>
<button id ="sum2">Submit2</button>
<div id="out"></div>

$('button').click(function() {
    var k = this.id.substr(this.id.length -1);
    var mp = $('#mp'+k).value;
    $('#out').html (mp);
});

提交1
提交2
$（“按钮”）。单击（函数（）{
var k=this.id.substr（this.id.length-1）；
var mp=$（'#mp'+k）.value；
$（'out'）.html（mp）；
});

您应该使用：

或jQuery：

$("#mp"+k).val();

---

避免混搭；）

据我所知，我想你想要这样的东西：

$('button').click(function(e) {

    var k = e.target.id.substr(this.id.length -1);
    var mp = $('#mp'+k).val();

    $('#out').html (mp);
});

试试类似的方法

$(document).ready(function () {
        $("#mp1").keypress(function () {
            $("#out").html($(this).val());
        });

    });

请尝试以下代码：

html:

<input id = "mp1" /><input id = "mp2" />
<button id="sum1">Submit1</button>
<button id ="sum2">Submit2</button>
<div id="out"></div>

$('button').click(function(e) {
    //var id = e.target.id;
    
    var k = e.target.id.substr(this.id.length -1);
    var mp = $('#mp'+k).val();
    $('#out').html (mp);
});

---

希望对你有帮助。请试着让我知道。谢谢。

我看不到任何按键操作，你是说点击不同的按钮会有不同的值吗？一个完全不相关的提示是，vanilla js站点非常棒：我最近刚开始使用JQuery，但却忘了在值后面加括号。

$('button').click(function(e) {
    //var id = e.target.id;
    
    var k = e.target.id.substr(this.id.length -1);
    var mp = $('#mp'+k).val();
    $('#out').html (mp);
});