我们经常能够用jquery
获取一组dom对象，但是我们只想 *** 作第一个元素时，有什么好方法来用
jquery
第一个元素的呢，用jquery
第一个元素很简单，用到了筛选的方法，假设有这样一段一组列表：
<ul>
<li>11</li>
<li>22</li>
<li>33</li>
<li>44</li>
<li>55</li>
</ul>
我们要取到11
所在的
li
元素，有一下几种方法：
$('ul')find('li:first');
$('ul
li:first');
$('ul
li')eq(0);
这几种方法，就是常用的
jquery
取得第一个元素的方法
转载，仅供参考。
<html>
<script src="jquery-141minjs"></script>
<body>
<div><label>dddddd</label><input type="sss" value="sss"/>ddddddddffffff</div>
<body>
<script>
alert($("input")parent()children()text());
</script>
</html>
提供两种方法获取div下第一个或最后一个a标签的内容：
使用选择器 first-child 和 last-child
使用遍历方法 first() 和last()
实例演示如下:
1、HTML结构
<div id="test"><a href="#">第1个超链接</a>
<a href="#">第2个超链接</a>
<a href="#">第3个超链接</a>
<a href="#">第4个超链接</a>
</div>
<input type="button" id="btn1" value="第一个超链接">
<input type="button" id="btn2" value="最后一个超链接">
2、jquery代码
$(function(){$("#btn1")click(function() {
var str = $("#test a:first-child")text();
alert(str);
});
$("#btn2")click(function() {
var str = $("#test a")last()text();
alert(str);
});
});
3、效果演示
如获取id为divId的div下的第一个子div
$("#divId")children("div")get(0)
但得到的是一个dom对象，如果要得到Jquery对象，要使用
$($("#divId")children("div")get(0))
可以通过类名的不同，比如
<ul>
<li class=“li”>第一个子元素</li>
<li class=“li spe”>第二个子元素</li>
<li class=“li”>第三个子元素</li>
</ul>
可以使用$("ul")children("spe")来获得第二个子元素
也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素
如果是不一样的子元素，比如
<div class="mydiv">
<p>第一个子元素</p>
<div>第二个子元素</div>
<a>第三个子元素</a>
</div>
获取p标签$("mydiv")find("p")或者$("mydiv")children("p");
以上就是关于jquery 选择后有多个元素取第一个全部的内容，包括:jquery 选择后有多个元素取第一个、jQuery获取某一元素的父元素的第一子元素、用jQuery怎么获取div下第一个或最后一个a标签的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）