[英]Remove item from array and html list using jquery
我有一個名為names[]
的JavaScript數組,用於存儲名稱。 (當然)名稱也存儲在html
文檔的列表項中,我有這段代碼可以在您單擊名稱時刪除名稱;
$(document).ready(function(){
$(document).on('click', 'li', function(){
$(this).remove();
});
});
誰能告訴我如何從數組names[]
刪除同一項目?
更新: names[]
的定義如下:
function submit() {
var theName = document.getElementById("enter").value;
if (theName == "" || theName.length == 0) {
return false;
}
names.push(theName);
document.getElementById("name").children[0].innerHTML += "<li>" + names[names.length - 1] + "</li>";
document.getElementById("enter").value = "";
}
這是通過<input>
。
Array.prototype.remove = function(item) {
var index = this.indexOf(item);
if (index > -1) {
this.splice(index, 1);
return true;
}
return false;
};
$(document).ready(function(){
$(document).on('click', 'li', function(){
var text = $(this).text();
names.remove(text);
$(this).remove();
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.