大家好,我正在构建一个简单的笔记应用程序,但我无法弄清楚如何实现一个功能。
我有一个卡元素和删除按钮作为此元素的子元素。我需要检查card元素子(.card-title)html值(jQuery' s .html())是否等于localStorage(我用来循环遍历localStorage)对象)键点击删除按钮(卡片元素的子项和卡片的标题)。然后,如果为true,我需要通过等于.card-的键删除localStorage项目。标题的HTML值。
基本上我有
.card
.card-title(我需要获得html值)
.card-body(与此无关)
.delete-button(通过点击它我需要获得.card-title' s html值)
这只是我的观点,这很可能是错误的。那么,也许,有一种更好的方法来删除我的应用程序中的笔记?
有什么想法吗?
非常感谢您将宝贵的时间花在我的问题上!谢谢你的帮助!
所以我有这样的代码:
new Vue({
el: "#notes",
data: {
notes: {}
},
methods: {
add: function() {
localStorage.setItem($("#title").val(), $("#body").val());
location.reload(true);
},
clear: function() {
localStorage.clear();
location.reload(true);
},
remove: function(e) {
for (i = 0; i < localStorage.length; i++) {
if (
localStorage.key(i) ==
$(this)
.closest(".card")
.find(".card-title")
.html()
) {
alert(true);
}
}
}
},
created: function() {
for (i = 0; i < localStorage.length; i++) {
this.notes[localStorage.key(i)] = [
localStorage.getItem(localStorage.key(i)),
"red"
];
}
}
});