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

Question

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

该属性被禁用，引导程序使用此属性禁用元素。 例如

<p>A paragraph</p>

并希望它成为

<p disabled> A paragraph </p>

但是运行以下代码

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

给我：

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

使用prop（）尝试过，但是prop甚至没有添加该属性。

$('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>';
});