正文
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');
调用的结果是最后一个列表项目为红色背景。
相关问答
Q1: 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)这样的形式去获取惟一一个子元素
Q2: 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
Q3: 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选择器”来查看。
Q4: 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
取得第一个元素的方法
转载，仅供参考。
Q5: 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
