jQuery问题,怎样匹配子元素中的前2个呢是前两个哦!多谢多谢!!!

jQuery问题,怎样匹配子元素中的前2个呢是前两个哦!多谢多谢!!!,第1张

<ul>

<li>1111111111111</li>

<li>2222222222222</li>

<li>3333333333333</li>

</ul>

<script>

$(function(){

$("ul li")first()each(function(){

alert($(this)html());

})

$("ul li")first()next()each(function(){

alert($(this)html());

})

})

</script>

演示代码如上 楼下更简洁

$("ul > li:lt(2)") 可能我的JQ版本问题,用不上~~

可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容

$("ul li:eq(3)")  // 元素的index位置工0开始计数,所以这里的3实际为第4个元素

$("ul")find("li")eq(3)

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取指定位置元素:</span><br>

<div class="content">

<li>梨子</li>

<li>李子</li>

<li>栗子</li>

<li>荔枝</li>

</div>

第&nbsp;<input type="text" name="num">&nbsp;个li元素<input type="button" value="确定">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:10px 0;}

input[type='text']{width:50px;padding:5px 10px;border:1px solid #ff9966;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:button")click(function() {

num = $("input:text[name='num']")val()-1;  // index从0开始计算

str = $("divcontent")find("li")eq(num)text(); // eq()遍历方法

// 或者使用如下:eq()选择器的方法,单数之一要拼接字符串

// str = $("divcontent li:eq("+num+")")text()   // :eq()选择器

alert(str);

})

})

观察效果

var alldiv = $("div");

var firstdiv = alldiv[0];

var lastdiv = alldiv[alldivlength-1];注意,jquery数组返回的是标准的documentobject,也就是说,firstdiv与lastdiv都是类似通过

documentgetelementbyid这个方式获得到的对象,是不能直接使用jq方法的

解决办法很简单

$(firstdiv)即可

以上就是关于jQuery问题,怎样匹配子元素中的前2个呢是前两个哦!多谢多谢!!!全部的内容,包括:jQuery问题,怎样匹配子元素中的前2个呢是前两个哦!多谢多谢!!!、jquery 怎样获取某元素以下的第n个元素、jquery如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9404192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存