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');