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屋！