jq属性选择器的第几个元素(jq 属性选择器)
jquery 选择后有多个元素取第一个
jquery 选择后有多个元素取第一个可以使用的是eq(0)这个方法实现，下面将举例进行说明
步骤1：新建一个html文件，并将jquery脚本引入该文件
步骤2：编写js代码，获取id为div1的标签内的所有p元素，保存后用浏览器浏览该页面
步骤3：再次修改html页面上的js,使用eq(0)这个方法获取div1里面第一个p元素里面的文本内容，保存后再次用浏览器浏览该页面
步骤4：可以看到使用eq(0)这个方法可以准确的获取到多个p元素中的第一个p元素
jquery 怎样获取某元素以下的第n个元素
可以用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点击按钮获取指定位置元素：/spanbr
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样式
div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}
div.box?span{color:#999;font-style:italic;}
div.content{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?=?$("div.content").find("li").eq(num).text();?//?eq()遍历方法
//?或者使用如下:eq()选择器的方法，单数之一要拼接字符串
//?str?=?$("div.content?li:eq("+num+")").text()???//?:eq()选择器
alert(str);
})
})
观察效果
jquery如何获取第一个或最后一个子元素
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('body').append($('div:first').text());
$('body').append($('div:last').text());
3、浏览器运行index.html页面，此时通过jquery获取了第一个div和最后一个div并打印了其内容。