javascript - $(this) 在 jQuery 中不起作用

Question

我试图使用动态更改按钮值的名称this。这是我的代码。

HTML

<input class='submit' id='id1' type='button' value='Submit' />

JS代码

$(document).ready(function () {
    $('.submit').click(function () {
        $(this).val("hello");
    });
});

当我使用：

$("#id1").val("hello")

它给出了预期的结果。

我在 jsfiddle 上放了相同的代码

它在那里工作正常。那么这背后的原因是什么呢？我正在使用 jQuery v1.4

score 3 · Accepted Answer

代替

$('.submit')

经过

$('#id1')

问题是在您的click处理程序中，this指的是单击的元素。您已经在类的元素上定义了 click 事件submit（这就是$('.submit')意思）。由于未submit找到类的元素，因此从未触发处理程序。

score 1 · Accepted Answer

你的按钮应该有“提交”类

编辑：您已经更改了问题中的代码，并将课程设置为提交。在这种情况下，您的代码应该可以正常工作。如果没有，可能还有其他问题，但您需要向我们展示更多代码。

2 回答 2