有什么方法可以在HTML5數據屬性中存儲Jquery元素？

Question

我有一個Jquery元素，希望通過以下方式存儲在DOM中：

var html = '<button data-element="' + $('.some-selector') + '">Some action</button>';

$(html).appendTo('body');

console.log($('button').data('element'));

這會產生類似jQuery331040235755567121182的引用。 有什么辦法可以將其轉換回普通的Jquery對象嗎？

PS：我不想將它存儲添加按鈕后（如$('button').data('element', $('.some-selector'))

Answer 1

您在這里遇到一些問題。 在第一行中， $('.some-selector'])返回一個jQuery對象。 通過將其添加到字符串中，對象將轉換為類似"[object Object]" 。 我想你想要的是這樣的：

var html = $('<button>Some action</button>').data('element', $('.some-selector'));
$(html).appendTo('body');
console.log($(html).data('element'));

第一行創建按鈕對象，並將jQuery對象添加到數據“元素”中-不知道為什么要避免這種情況。 第二個將其添加到身體。 第三行打印出jQuery對象。 使用jQuery的.data的眾多優勢之一是，它避免了循環引用-如果將DOM對象存儲在DOM對象中，則是一個加號。