如何使用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>';
});