如何使用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