jquery获取第一个元素,jquery找到指定元素的第一个元素

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

如果一个jQuery对象表示一个DOM元素的集合,.first()方法会构造一个新的jQuery对象,它包含了前一个集合的第一个元素。

网站建设哪家好,找创新互联公司!专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了上思免费建站欢迎大家使用!

ul

lilist item 1/li

lilist item 2/li

lilist item 3/li

lilist item 4/li

lilist item 5/li

/ul

$('li').first().css('background-color',

'red');

调用的结果是第一个列表项目为红色背景。

如果一个jQuery对象表示一个DOM元素的集合,.last()方法从最后一个匹配的元素中构造一个新的jQuery对象。

考虑一个页面上的一个简单的列表:

$('li').last().css('background-color',

'red');

调用的结果是最后一个列表项目为红色背景。

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

1、获取第一个子元素有如下方法:

(1):first

举:$('div.one:first'),获取所有class="one"的div的第一个div子元素。这里的限制在于父子元素都是同一种,即父元素如果是span标签,获取的第一个子元素也是span标签,如果父元素是table标签,获取的子元素也是table标签。

(2):first-child

如:$('div.one:first-child'),获取所有class="one"的div的第一个子元素,注意是“所有”,意思是说,如果这个div有多外,那么获取的第一个子元素也是有多个。

(3)使用eq()方法

如:$('div.one span:eq(1)'),获取class="one"下的div的第一个span子元素,同(2)一样,也是有多个div也是获取多个div的第一个元素。

可以通过获取id,或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

jquery怎样获取第一个父元素

我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素,有以下几种方法:

1、parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。

你可以使用可选的表达式来筛选。

代码如下

pre class="brush: js;"$('#item1').parent().parent('.parent1');/pre

2、:parent

匹配含有子元素或者文本的元素

代码如下

pre class="brush: js;"$('li:parent');/pre

3、parents([expr])

取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

代码如下

pre class="brush: js;"$('#items').parents('.parent1');/pre

4、closest([expr])

closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;2,前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;3,前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素。

closest对于处理事件委派非常有用。

pre class="brush: js;"$('#items1').closest('.parent1');/pre

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选择器”来查看。

jquery 选择后有多个元素取第一个

我们经常能够用jquery

获取一组dom对象,但是我们只想操作第一个元素时,有什么好方法来用

jquery

第一个元素的呢,用jquery

第一个元素很简单,用到了筛选的方法,假设有这样一段一组列表:

ul

li11/li

li22/li

li33/li

li44/li

li55/li

/ul

我们要取到11

所在的

li

元素,有一下几种方法:

$('ul').find('li:first');

$('ul

li:first');

$('ul

li').eq(0);

这几种方法,就是常用的

jquery

取得第一个元素的方法

转载,仅供参考。

jquery如何获取每一行的最后一列的第一个元素

1.遍历要操作的table的tr;

2.通过选择器td:last获取到本行最后一个单元格td;

3.通过first()获取到第一个元素;

示例代码:

html

head

title/title

script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"/script

script type="text/javascript"

$(document).ready(function () {

var obj;

$("tr").each(function () {

obj = $(this).find("td:last").first();

console.log($(obj).html());

});

});

/script

/head

body

table

tr

td1/td

td2/td

tdh1aaaa/h13/td

/tr

tr

td4/td

td5/td

tdh3bbbb/h36/td

/tr

/table

/body

/html


当前文章:jquery获取第一个元素,jquery找到指定元素的第一个元素
转载来源:http://bzwzjz.com/article/dsijgoc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 成都网站设计 成都网站建设 成都网站设计 企业手机网站建设 重庆网站设计 重庆外贸网站建设 网站设计 手机网站建设 专业网站设计 成都网站建设公司 成都网站设计 宜宾网站设计 上市集团网站建设 手机网站建设 网站建设方案 响应式网站设计方案 成都网站制作 高端网站建设 网站建设费用 成都h5网站建设 温江网站设计