javascript - 动态添加的输入元素在脚本中不返回值

Question

在静态div(带有“workItems”类)内添加动态输入元素(带有“dateValidation”类)后，我用它来提供onclick功能:

$(".workItems").on("click", ".dateValidation", function()
{...});

当我在上面的函数中运行 f.e

alert(this);

我得到:[object HTMLInputElement](我认为这很好)

但是，当我运行时:

alert(this.val());
alert(this.hasClass("dateValidation"));

什么也没发生。这段代码有什么问题？如何获取此输入元素的 f.e 值？

Answer 1

this 是一个 DOM 元素，您需要在对其运行 jquery 函数之前将其转换为 jquery 元素

alert($(this).val());
alert($(this).hasClass("dateValidation"));