indexOf用法:
var indexTxt = "用户测试数据用户";
var a=indexTxt.indexOf("用户");
if(indexTxt.indexOf("用户") > -1 )
{
alert('包含用户');
}else{
alert("不包含用户")
}
返回 String 对象内第一次出现子字符串的字符位置。
说明
indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。
如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。
<!DOCTYPE html>
<html>
<head>
<!--http-equiv="refresh" content="2-->
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<style>
.test_cont{float: left;width: 100%;}
.test_cont span{float: left;cursor: pointer;border: 1px solid #eee;border-radius: 2px 2px;line-height: 22px;padding-left: 5px;padding-right: 5px;}
.test_area span{float: left;cursor: pointer;border: 1px solid red;border-radius: 2px 2px;line-height: 22px;padding-left: 5px;padding-right: 5px;}
</style>
<div class="test_area">
</div>
<div class="test_cont">
<span>特点1</span>
<span>特点2</span>
<span>特点3</span>
<span>特点4</span>
<span>特点5</span>
</div>
<script type="text/javascript" language="javascript">
$('.test_cont span').click(function(){
var thistxt=$(this).html();
var indexTxt = $('.test_area').text();
// console.log(indexTxt);
if(indexTxt.indexOf(thistxt) > -1 )
{
alert('此特点已有');
return;
}
var html='<span>'+thistxt+'</span>';
$('.test_area').append(html);
})
</script>
</body>
</html>