本篇文章給大家分享的是有關(guān)如何在jquery中使用filter()函數(shù)，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

婁煩網(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è)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的婁煩做網(wǎng)站的公司定做！

定義和用法

filter() 方法返回符合一定條件的元素。

該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。

該方法通常用于縮小在被選元素組合中搜索元素的范圍。

提示：filter() 方法是與 not() 方法相對(duì)的。

 filter()是根據(jù)括號(hào)中的 屬性來(lái)進(jìn)行篩選 比如：$(“p”).filter(“p”) 這樣是不允許的。filter括號(hào)里只一些屬性，或者包含什么的，不能是一個(gè)元素，例如”p”

//filter() --獲取具有某些屬性值的標(biāo)簽 :(指定的對(duì)象集合進(jìn)行過(guò)濾)
  $("li").filter(".item-1") //獲取class屬性值為item-1的li元素
  $("li").filter(":even").css("background", "red"); //獲取所有偶數(shù)號(hào)的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('測(cè)試')").text(); //獲取p標(biāo)簽下包含“測(cè)試”的p標(biāo)簽的text值 //打印一下，結(jié)果為“測(cè)試1 測(cè)試2”
  //alert($("p").contains("測(cè)試").text()); //不能這么用，提示錯(cuò)誤“contains不是一個(gè)函數(shù)”

html

<div class="model_content" >
      <div class="model_content_search layui-bg-gray">
        <form class="layui-form">
          <div class="layui-form-item fl" >
            <label class="layui-form-label" >選擇框</label>
            <div class="layui-input-inline" >
              <input id="search_val" class="layui-input" name="keyword" type="text" placeholder="請(qǐng)輸入關(guān)鍵字">
            </div>
          </div>
          <div class="layui-input-inline fl" >
            <button class="layui-btn">搜索</button>
          </div>
          <div class="clear"></div>
        </form>
      </div>
      <div class="search_result">
        <div class="mapAddress">
          <ul>
            <li>
              <div class="addressInfo">
                <h4>要素大市場(chǎng)</h4>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </div>
            </li>
            <li>
              <div class="addressInfo">
                <h4>錦繡大道</h4>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </div>
            </li>
            <li>
              <div class="addressInfo">
                <h4>蜀山區(qū)</h4>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </div>
            </li>
            <li>
              <div class="addressInfo">
                <h4>瑤海區(qū)</h4>
                <span class="bold">地址：</span>徽州大道與錦繡大道交叉口<br>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

 //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();
    });

以上就是如何在jquery中使用filter()函數(shù)，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享文章：如何在jquery中使用filter()函數(shù)
文章出自：http://m.newbst.com/article46/gsoseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、ChatGPT、建站公司、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)