<ul>
<li>第1个</li>
<li>第2个</li>
<li>第3个</li>
<li>第4个</li>
</ul>使用eq选择器获取
语法:$(":eq(index)") index值从0开始。
获取第二个 $("ul li:eq(1)")
获取第三个 $("ul li:eq(2)")
jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料
css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素,因此获取table的某列可用如下核心代码
1
$("table tr")find("td:nth-child(n)"); // 获取table所有行第一列
实例演示:点击按钮获取第一列中含有字符1的行标
创建Html元素
1
2
3
4
5
6
7
8
9
10
11
<div class="box">
<span>点击按钮获取第一列中含有字符1的行标:</span>
<div class="content">
<table class="test">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>71</td><td>8</td><td>9</td></tr>
</table>
</div>
<input type="button" value="获取第一列含有字符1的行">
</div>
设置css样式
1
2
3
4
5
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;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
1
2
3
4
5
6
7
8
$(function(){
$("input:button")click(function() {
num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {
return $(elem)html()indexOf("1")>=0 index+1 : null;
})get()join(',');
alert("第一列中包含字符1的行为:"+num);
});
});
你好!
是想要获取有style属性的元素的位置么?
如果这样的话,可以使用如下代码:
$(function(){alert(
//$("divshpa")为所有class为sh pa的div对象集合
$("divshpa") index(
//含有style属性且class为sh pa的div元素
$("divshpa[style]")
)
);
});
或者直接通过循环处理:
$(function(){$("divshpa")each(function(index){
//不含有style属性的div元素会返回一undefined值
if(typeof($(this)attr("style"))!="undefined"){
alert(index);
return false;
}
});
});
以上的索引都是从0开始。
以上就是关于jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢全部的内容,包括:jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢、jquery怎样获得table里某列的值、jquery怎么判断第几个元素含有特定样式,希望是输出2,找到是第2个li,我写的都不行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)