jquery 获取子元素的限制jquery

今天练习jqueryAPI发现一个问题就是子元素如果采用nth-child,元素不同就获取不到,因此一个父元素下的子元素标签必须相同,如果不同第一个元素可以用这个方法实现,但是如果第二元素及以后如果出现不同的元素就会获取不到了。如下:

<div>    <p>1</p>    <a href="">123</a>    <p>2</p></div>
采用$(‘div p:nth-child(1)‘).css(‘background‘,‘red‘);可以获取到第一个p元素,但是如果想获取第二p元素如果使用这个方法就无法获取到,我采用的方法就是:
$(‘div p:nth-child(1)‘).next().next().css(‘background‘,‘red‘);有点繁琐,哪位大侠看到有什么更好的办法,帮忙提个意见。
时间: 2024-08-29 03:32:47

jquery 获取子元素的限制jquery的相关文章

jquery获取子元素

Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find()方法:获取该元素下的所有(包括子集的子集)子集元素 分别以以下HTML代码为例: <ul> <li>list1 <ul> <li>list1-1</li> <li>list1-2</li> </ul> <

js和jquery获取子元素

1 <ul id="nav"> 2 <li></li> 3 <li> 4 <ul> 5 <li></li> 6 <li></li> 7 <li></li> 8 </ul> 9 </li> 10 <li></li> 11 </ul> 对于上面的结构,只想获取nav下的li而不获取li下的li,怎么写

JQuery获取子孩子和兄弟元素的方法

这里说的获取当前元素的子孩子和兄弟元素的方法,另外还有遍历和指定的具体要求: 01.html代码: <!DOCTYPE html> <html> <head> <title>测试jquery</title> <meta charset="utf-8"/> <link rel="stylesheet" type="text/css" href="01.css&q

bobo jquery获取当前元素下的子元素的子元素

<div class="Bg01"><ul><li class="Bold">黑域名告警</li><li>总数:<span class="Mycolor">24条</span></li><li>未处理:<span class="Myred">03条</span></li></ul

使用jquery获取父元素或父节点的方法

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href="#">jquery获取父元素&l

jquery 获取子iframe和获取父框架的例子

今天做前端页面设计,用到了iframe,查找资料,整理出来几个用jquery 获取子iframe和获取父框架的例子,用起来非常方便. 在firefox最新版(41)和IE9下测试通过.jquery 版本11.3. //获取子框架coverIframeFormTargetId中ID为attachment_Cover_Image_id的value的值 var attid =$("#coverIframeFormTargetId").contents().find("#attach

jQuery获取当前元素的上一个元素

jQuery获取当前元素的上一个元素: 本章节介绍一下如何利用jquery获取当前元素的下一个元素,如何利用原生js获取下一个元素可以参阅原生js获取当前元素的上一个元素代码实例一章节, 下面直接看代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texia

jQuery -&gt; 获取后代元素的三种方法

如果我们有内容如下的html文件,那么如何选取包含在<p>元素内的<i>元素呢? 邪馬台国の謎と弥生時代 紀元前1000年ごろ.水稲工作の技術をもつ集団が大挙して日本に移住してきた.これによって弥生時代が始まった. 縄文人も南方から伝わった稲を栽培していたが.彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった.しかし.北九州に新たな文化を持って集団が来たのを知った彼らは次第に.水稲工作を受け入れ弥生人へとか分かっていた. html源码如下 <h1>邪馬台国の謎と

jQuery 获取兄弟元素的几种方法

jQuery 获取兄弟元素的几种方法. 获取指定元素的兄弟元素时,可以使用adjacent sibling combinator (+),其中+的两侧内容都是selector expression. 如果要获取下例中所有的 h1的直接兄弟元素h2 <div> <h1>Main title</h1> <h2>Section title</h2> <p>Some content...</p> <h2>Section