jquery获取第一个子元素,jq获取div下第一个元素

jquery如何获取第一个子元素

下面写个例子来获取id为demo的元素的第一个子元素。

!--加载jquery--

script src=""/script

script

$(function(){//页面加载完成时进入

    var firstChild=$("#demo:first");//用选择器的方式获取第一个子元素

    firstChild.css('color','red');//将第一个子元素中的文字变为红色，可以看到只有“111”是红色的

});

/script

div id="demo"span111/spanspan222/spanspan333/span/div

说明一下以上例子中用到选择器

#demo是id选择器获取id为demo的元素

是子选择器获取所有子级

:first是首项选择器获取第一个元素

三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。

其实jquery的选择器有很多，包括：

:last获取最后一个元素

:eq(index)获取第index个选择器

更多可以直接百度搜索“jquery选择器”来查看。

相关问答

Q1: jquery怎么找到元素下面的第一个子元素

$("#元素id").chilrdren().eq(0)    也有其他写法的 .first()啊之类的。

使用.first()方法就可以获取第一个子元素了，获取值后面加上.text()。

主要方法有两类：使用选择器或者遍历函数，并且可以混合使用。

化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称。从哲学角度解析，是原子的电子数目发生量变而导致质变的结果。

关于元素的学说，即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了，不过，在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中，都把元素看作是抽象的、原始精神的一种表现形式，或是物质所具有的基本性质。

Q2: jquery怎么获取元素的子元素

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

Q3: jquery获取一级子元素

如获取id为divId的div下的第一个子div

$("#divId").children("div").get(0)

但得到的是一个dom对象，如果要得到Jquery对象，要使用

$($("#divId").children("div").get(0))

Q4: jquery如何获取第一个或最后一个子元素

var alldiv = $("div");

var firstdiv = alldiv[0];

var lastdiv = alldiv[alldiv.length-1];

注意，jquery数组返回的是标准的documentObject，也就是说，firstdiv与lastdiv都是类似通过

document.getElementById这个方式获得到的对象，是不能直接使用JQ方法的

解决办法很简单 $(firstdiv)即可