Jquery中的append方法是用于在指定元素的結(jié)尾處添加內(nèi)容的。在實(shí)際開發(fā)中,我們很容易遇到重復(fù)添加的問題。
$("button").click(function(){ $("ul").append("
在上述示例中,每次點(diǎn)擊button按鈕,都會(huì)向ul元素中添加一個(gè)新的li元素。但是如果我們多次點(diǎn)擊button按鈕,就會(huì)出現(xiàn)重復(fù)添加的情況。
為了避免重復(fù)添加,我們可以先判斷是否已經(jīng)存在該元素,如果不存在再執(zhí)行append方法。
$("button").click(function(){ if ($("ul li:last").text() !== "新添加的列表項(xiàng)") { $("ul").append("
在上述示例中,我們先判斷ul元素中最后一個(gè)li元素的文本內(nèi)容是否為"新添加的列表項(xiàng)",如果不是,則執(zhí)行append方法。這樣就避免了重復(fù)添加的問題。