1. 程式人生 > >js 判斷字串是否包含某字串

js 判斷字串是否包含某字串

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>