本篇文章給大家分享的是有關(guān)如何在jquery中使用filter()函數(shù),小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
婁煩網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),婁煩網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為婁煩上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的婁煩做網(wǎng)站的公司定做!
定義和用法
filter() 方法返回符合一定條件的元素。
該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除,符合條件的元素將被返回。
該方法通常用于縮小在被選元素組合中搜索元素的范圍。
提示:filter() 方法是與 not() 方法相對的。
filter()是根據(jù)括號中的 屬性來進(jìn)行篩選 比如:$(“p”).filter(“p”)
這樣是不允許的。filter括號里只一些屬性,或者包含什么的,不能是一個(gè)元素,例如”p”
//filter() --獲取具有某些屬性值的標(biāo)簽 :(指定的對象集合進(jìn)行過濾) $("li").filter(".item-1") //獲取class屬性值為item-1的li元素 $("li").filter(":even").css("background", "red"); //獲取所有偶數(shù)號的li元素,并將它們的背景顏色設(shè)為紅色 $("li").filter(".item-1,#abc").css("background-color", "yellow"); //獲取class屬性值為item-1的所有l(wèi)i標(biāo)簽 ,同時(shí)獲取id屬性值為abc的所有l(wèi)i標(biāo)簽 $("p").filter(".selected, :first");//獲取class屬性值為selected的所有P標(biāo)簽,同時(shí)獲取第一個(gè)P標(biāo)簽 //:contains() --獲取標(biāo)簽里包含了某些文字的標(biāo)簽 (contains是判斷文本的) //jQuery:has()和jQuery:contains()兩個(gè)方法比較類似。不同點(diǎn)在于:has是判斷標(biāo)簽的 contains是判斷文本的 $("p p:contains('測試')").text(); //獲取p標(biāo)簽下包含“測試”的p標(biāo)簽的text值 //打印一下,結(jié)果為“測試1 測試2” //alert($("p").contains("測試").text()); //不能這么用,提示錯(cuò)誤“contains不是一個(gè)函數(shù)”
html
//input中輸入篩選 var $sub2 = $("#search_val"); $sub2.on("input", function () { var $iptVal2 = $sub2.val(); $(".mapAddress li").hide(); $(".mapAddress .addressInfo h4").filter(":contains('" + $iptVal2 + "')").parents("li").show(); });
要素大市場
地址:徽州大道與錦繡大道交叉口
錦繡大道
地址:徽州大道與錦繡大道交叉口
蜀山區(qū)
地址:徽州大道與錦繡大道交叉口
瑤海區(qū)
地址:徽州大道與錦繡大道交叉口
以上就是如何在jquery中使用filter()函數(shù),小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。