只有在li元素尚未存在的情况下才添加li元素？

Question

我构建<li>元素是这样的：

var element = $("<li></li>") 
    .html(mHTML) 
    .attr('id', "elemid"); 

我想这个元素添加到，只有当它不存在一个<ul>元素。任何想法如何做到这一点？我是否应该使用来查看ul元素是否包含html，然后决定？例如，

<ul id="elemul"> 
    <li id="elemli1">Element 1</li> 
    <li id="elemli2">Element 2</li> 
    <li id="elemli3">Element 3</li> 
</ul> 

如果我尝试添加元素1，它不应该添加它。如果它的字符串较长（不是很长，但大约有150个字符），我该怎么办？

注：我不能依靠ID来确定唯一性。即我可能最终形成类似的东西：<li id="elemli3">Element 1</li>

我会去使用hashmaps吗？

Answer 1

if(!$('#elemul li:contains("Element 1")').length) 
{ 
    $('#elemul').append($('li').attr('id', 'elemli1').text('Element 1')); 
} 

Answer 2

我不是一个jQuery用户，请耐心等待。但是，原生JavaScript可以很容易地转换成jQuery代码。

if (!document.getElementById('elemli1')) { 
    var elemli1 = document.createElement('li'); 
    elemli1.id = 'elemli1'; 
    document.getElementById('elemul').appendChild(elemli1); 
} 

如果你想如果没有列表项列表中的所有创建一个元素，更换，如果表达式：

!document.getElementById('elemul').childNodes.length