javascript - 更改输入/div/span 等的内容

Question

我将 .listen 类添加到页面上的各种元素，可以是按钮，可以是输入、div、span 等。

$('.listen').on('click', this._init.bind(this));

在该方法中，我希望替换被单击元素中的文本。

p._init = function(e){
    $(e.currentTarget).val('new data');
};

上面的内容适用于输入元素，但不适用于 div 等元素。有没有办法更改任何类型元素上的数据，或者我必须使用开关来测试变化？

Answer 1

您可以花点心思，检查元素是否具有 value 属性，并根据该属性更改方法，例如

p._init = function(e){
    $(e.currentTarget)['value' in e.currentTarget ? 'val' : 'text']('new data');
};

FIDDLE

除非您向本身没有值属性的元素添加值属性，否则应该可以工作。