jquery查找指定id元素下的某个或某些元素

find用法:


1.为什么要用find:

通常,选择一个元素很简单,$("#id")就可以搞定,

但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了,

可以通过用find来解决这个问题。



2.find怎么用:

①首先贴出api中find的构造方法

find(expr|obj|ele)   返回值:jQuery

find的参数可以为用于查找的表达式,一个用于匹配元素的jQuery对象,一个DOM元素

find的返回值是juqery类型

②举例说明

html代码如下:

<div id="test">
    <div id="div1">第一行</div>

    <div id="div2">
        <p id="p1">第1行</p>
        <p id="p2">第2行</p>
        <p id="p3">第3行</p>
    </div>

    <div id="div3">第三行</div>
    <div id="div4">第四行</div>
</div>
 
如果想让第2行这几个字的颜色改变,那么我们就可以用jquery的如下代码实现:
 
$("#test").find('div[id^="div2"]').find('p[id^="p2"]').css("color","red");

那么效果就会变为:

第一行

第1行

第2行

第3行

第三行
第四行


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值