在使用jquery的追加文本功能時,我們可能會遇到同一個文本重復多次追加的問題。這時候我們可以使用一些技巧來避免這種情況發生。
首先,我們可以在追加文本前先判斷是否已經存在相同的文本。例如:
if (!$('#demo').text().includes('hello')) { $('#demo').append('hello'); }
這里使用了JavaScript的includes()方法來判斷文本中是否包含'hello',如果不包含,則將其追加到指定元素中。
另一種方法是使用jquery的has()方法來判斷指定元素中是否已經存在包含該文本的元素。例如:
if (!$('#demo').has('p:contains("hello")').length) { $('#demo').append('<p>hello</p>'); }
這里使用了jquery的has()方法來判斷指定元素中是否已經存在包含'hello'文本的p元素,如果不存在,則創建一個新的p元素并將其追加到指定元素中。
通過以上兩種方法,我們可以輕松地避免重復追加文本的情況發生。
上一篇jquery還需要嗎
下一篇jquery進度條圓形