如何使用jQuery在DOM元素中添加非值属性

Question

我想使用jQuery在DOM元素上添加属性。

该属性被禁用，该引导使用该属性来禁用一个元素。例如

<p>A paragraph</p> 

，并希望它成为

<p disabled> A paragraph </p> 

但运行下面的代码

$('p').attr('disabled', ''); 

给我：

<p disabled="disabled"><A paragraph</p> 

使用道具尝试（），但支撑没甚至不添加该财产。

$('p').prop('disabled',''); 

如何使用jQuery添加非值属性？

或我在做什么错？

Answer 1

你正在处理一个DOM，而不是HTML。 disabled和disabled="disabled"是等价的，并且没有办法告诉浏览器如何（当序列化为HTML时）它应该序列化一个可以以多种方式序列化的属性。

（disabled=""是，我最后一次检查，无效）

Answer 2

尝试.replaceWith()

$('p').replaceWith(function (_, old) { 
    return '<p disabled>' + old + '</p>'; 
}); 

fiddle Demo