javascript - 怎么判断ul是否已包含新增的li内容
本文介绍了javascript - 怎么判断ul是否已包含新增的li内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<ul>
<li data-value='1'>我是一行数据</li>
</ul>
新增的一行数据
<li data-value='1'>我是一行数据</li>
因为已经存在新插入的数据,返回false.
请问这个如何判断呢?
解决方案
你在插入<li data-value='1'>我是一行数据</li>
的时候,应该是知道data-value
的这个值'1'的,那么比较data-value
的值和文本
的值是否都相等就可以了,代码如下:
function isLiNotExist(vlaue, text) {
var ul = document.querySelector('ul');
var child = ul.children;
var notExist = true;
for(var i = 0; len = child.length; i < len; i++) {
var tmp = child[i].dataset.value;
if (tmp == value && text == child[i].innerText) {
notExist = false;
break;
}
}
return notExist;
}
isLiNotExist(1, "我是一行数据");
这篇关于javascript - 怎么判断ul是否已包含新增的li内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文