欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery contains過濾器實(shí)現(xiàn)精確匹配使用方法

 更新時(shí)間:2013年04月12日 15:44:07   作者:  
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本,或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用,來選擇指定的組中包含指定文本的元素

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//根據(jù)select中的option的文本來執(zhí)行選中
//$("#selectbox option[text='第二項(xiàng)']");
//$("#selectbox option").filter("[text='第二項(xiàng)']");
//上面兩種寫法都是錯(cuò)誤的
//正確寫法
$("#btn4").click(function () {
var $option =$("#selectbox option:contains('第二項(xiàng)')").map(function(){
if ($(this).text() == "第二項(xiàng)") {
return this;
}
});
alert($option.length > 0 ? "有對(duì)象" : "無對(duì)象");
$option.attr("selected", true);
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="selectbox">
<option value="1">第一項(xiàng)</option>
<option value="2">第二項(xiàng)</option>
<option value="21">第二項(xiàng)1</option>
</select>
<input type="button" id="btn4" value="contains測(cè)試" />
</div>
</form>
</body>
</html>

$(".selector:contains('xx')")
  contains()只作匹配查找,不夠精確,包含xx的selector和包含xxabc的selector都會(huì)查到。

解決辦法:
?$(".selector:contains('xx')[innerHTML='xx']")
  這樣將查找內(nèi)容只有xx的selector。

相關(guān)文章

最新評(píng)論