jQuery find 方式

find(expr|obj|ele)

概述

搜索所有與指定表達式匹配的元素。這個函數是找出正在處理的元素的后代元素的好方法。

所有搜索都依靠jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫。

參數

expr     String

用於查找的表達式

jQuery  object 

一個用於匹配元素的jQuery對象

element   DOMElement

一個DOM元素

示例1

描述:從所有的段落開始，進一步搜索下面的span元素。與$("p span")相同。

HTML 代碼:

<p><span>Hello</span>, how are you?</p>

jQuery 代碼:

$("p").find("span")

示例2 

描述:從所有的div開始，進一步搜索下面的li class="aaa"的元素。

HTML 代碼:

<div>
  <ul>
    <li class="aa">Coffee</li>
    <li class="bb">Milk</li>
    <li class="cc">Soda</li>
  </ul>
</div>
<div>
  <ul>
    <li class="aaa">Coffee1</li>
    <li class="bbb">Milk1</li>
    <li class="ccc">Soda1</li>
  </ul>
</div>

jQuery 代碼:

$("div").find("li.aaa").text()；

示例3

描述:獲取select所選中的val值或text值。

HTML 代碼:

<select class="cselect" id="idselect" >
          <option value="1" >1年</option>
          <option value="2" selected="selected">2年</option>
          <option value="3">3年</option>
          <option value="4">5年</option>
</select>

jQuery 代碼:

    var strtext = $("idselect").find("select.cselect option:selected").text(); var val =$("idselect").find("select.cselect option:selected").val();

示例4

描述:設置p標簽下span標簽的字體顏色。

jQery代碼：

$("p").find("span").css('color','red');