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

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

 更新時間: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='第二項']");
//$("#selectbox option").filter("[text='第二項']");
//上面兩種寫法都是錯誤的
//正確寫法
$("#btn4").click(function () {
var $option =$("#selectbox option:contains('第二項')").map(function(){
if ($(this).text() == "第二項") {
return this;
}
});
alert($option.length > 0 ? "有對象" : "無對象");
$option.attr("selected", true);
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="selectbox">
<option value="1">第一項</option>
<option value="2">第二項</option>
<option value="21">第二項1</option>
</select>
<input type="button" id="btn4" value="contains測試" />
</div>
</form>
</body>
</html>

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

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

相關(guān)文章

  • jQuery中attr()與prop()函數(shù)用法實例詳解(附用法區(qū)別)

    jQuery中attr()與prop()函數(shù)用法實例詳解(附用法區(qū)別)

    這篇文章主要介紹了jQuery中attr()與prop()函數(shù)用法,結(jié)合實例形式詳細分析了attr()與prop()函數(shù)的使用技巧與相關(guān)注意事項,并附帶了attr()與prop()函數(shù)用法的區(qū)別,需要的朋友可以參考下
    2015-12-12
  • Jquery 實現(xiàn)checkbox全選方法

    Jquery 實現(xiàn)checkbox全選方法

    本文主要向大家展示了一段使用jQuery實現(xiàn)checkbox全選的方法,以及編寫此方法的背景和過程,非常詳細,這里推薦給小伙伴們。
    2015-01-01
  • jQuery動態(tài)修改超鏈接地址的方法

    jQuery動態(tài)修改超鏈接地址的方法

    這篇文章主要介紹了jQuery動態(tài)修改超鏈接地址的方法,實例分析了jQuery中attr方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • jQuery修改CSS偽元素屬性的方法

    jQuery修改CSS偽元素屬性的方法

    CSS偽元素不是DOM元素,因此你無法直接選擇到它們。下面與大家分享兩種不錯的修改方法,需要的朋友可以參考下
    2014-07-07
  • jQuery中:file選擇器用法實例

    jQuery中:file選擇器用法實例

    這篇文章主要介紹了jQuery中:file選擇器用法,實例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 自制基于jQuery的智能提示插件一枚

    自制基于jQuery的智能提示插件一枚

    一個ajax智能提示/補全插件,以前自己用的,現(xiàn)在干脆把它做成插件,需要的朋友可以參考下。
    2011-02-02
  • Validform+layer實現(xiàn)漂亮的表單驗證特效

    Validform+layer實現(xiàn)漂亮的表單驗證特效

    創(chuàng)建一個JavaScript表單驗證插件,可以說是一個繁瑣的過程,涉及到初期設(shè)計、開發(fā)與測試等等環(huán)節(jié)。實際上一個優(yōu)秀的程序員不僅是技術(shù)高手,也應(yīng)該是善假于外物的。本文就給大家結(jié)合2款優(yōu)秀的插件來實現(xiàn)這個問題,有需要的小伙伴可以參考下
    2016-01-01
  • 使用jquery動態(tài)加載js文件的方法

    使用jquery動態(tài)加載js文件的方法

    這篇文章主要介紹了使用jquery動態(tài)加載js文件的方法,需要的朋友可以參考下
    2014-12-12
  • jQuery實現(xiàn)拖動調(diào)整表格單元格大小的代碼實例

    jQuery實現(xiàn)拖動調(diào)整表格單元格大小的代碼實例

    這篇文章主要介紹了jQuery實現(xiàn)拖動調(diào)整表格單元格大小的代碼實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下
    2015-01-01
  • 通過jsonp獲取json數(shù)據(jù)實現(xiàn)AJAX跨域請求

    通過jsonp獲取json數(shù)據(jù)實現(xiàn)AJAX跨域請求

    JSON 可通過 JavaScript 進行解析,JSON 數(shù)據(jù)可使用 AJAX 進行傳輸,這篇文章主要介紹了通過jsonp獲取json數(shù)據(jù)(實現(xiàn)AJAX跨域請求),有興趣的可以了解一下。
    2017-01-01

最新評論