[英]How to compare ul li text and array value
I am working in jQuery Vector Map, user selected region names I have to added in UL li tag. 我正在使用jQuery Vector Map,必须在UL li标签中添加用户选择的区域名称。 I done it so for, whenever user click vector map region, corresponding region value getting updated in li tag.
我这样做的原因是,每当用户单击矢量地图区域时,相应的区域值都会在li标签中更新。
Now I have to do the condition, 现在我要做条件
If user selected region value is already there in li list item. 如果用户选择的区域值已经在列表列表中了。 I have to show alert ('user selected region is already in the list');
我必须显示警报(“用户选择的区域已经在列表中”);
if user selected region value is not there in li item, I have to added the region value to li item. 如果用户选择的区域值不在li项目中,则必须将区域值添加到li项目中。
Here the sample code - ( user selected region state value i am getting in "region" ) 这里的示例代码-(我在“区域”中获得的用户选择的区域状态值)
var regionList = new Array('Alaska','Alabama','Arkansas','Arizona', etc....) /* sample array*/
if( li item text value == arrayvalue) /*exact condition statement I want*/
{
alert("user selected region already in the list")
}
else
{
$('<li>' + region + '</li>').appendTo('ul#location-selected');
}
<ul id="location-selected" style="font-weight:bold;width:350px;padding-top:15px;color:red;"></ul>
Please help me to complete this.. 请帮助我完成此操作。
var ul = document.getElementById('location-selected');
var lis = ul.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++){
if(lis[i].innerHTML === region) {
isInList = true;
break;
}
}
if(isInList)
alert("user selected region already in the list")
else {
var newli = document.createElement('li');
newli.innerHTML = region;
ul.appendChild(newli);
}
jQuery: jQuery的:
var ul = $('#location-selected');
var lis = ul.children('li');
var isInList = false;
for(var i = 0; i < lis.length; i++){
if(lis[i].innerHTML === region) {
isInList = true;
break;
}
}
if(isInList)
alert("user selected region already in the list")
else
var newli = $('<li></li>').html(region).appendTo(ul);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.