189 8069 5689
思路：使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。
专注于为中小企业提供网站建设、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业商南免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
实例演示如下:
1、HTML结构
div id="test"
liGlen/li
liTane/li
liJohn/li
liRalph/li
/div
2、jquery代码
$(function(){
$("#test li").hide();
$("#test li").eq(0).show();
});
3、显示效果
$("p:first") 第一个 p 元素 demo 选择第一个 p 元素
$("p:last") 最后一个 p 元素 demo 选择最后一个 p 元素
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
取得第一个元素的方法
转载，仅供参考。
下面写个例子来获取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选择器”来查看。
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