在jQuery中,$("…").get(3)返回第3个DOM元素。返回第三个jQuery元素的函数是什么?
当前回答
你可以使用:eq选择器,例如:
$("td:eq(2)").css("color", "red"); // gets the third td element
或eq(int)函数:
$("td").eq(2).css("color", "red");
另外,请记住索引是从零开始的。
其他回答
.eq() -表示元素从0开始的位置的整数。
Ex:
考虑一个页面上有一个简单的列表:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
我们可以将此方法应用于列表项的集合:
$( "li" ).eq( 2 ).css( "background-color", "red" );
更多信息:.eq()
我想你可以用这个
$("ul li:nth-child(2)").append("<span> - 2nd!</span>");
它在每个匹配的ul中找到第二个li并记录下来。
如果你已经在一个变量中有jquery对象,你也可以把它当作一个普通的索引数组,而不使用jquery:
var all_rows = $("tr");
for(var i=0; i < all_rows.length; i++){
var row = all_rows[i];
//additionally, you can use it again in a jquery selector
$(row).css("background-color","black");
}
虽然上面的例子在任何方面都没有用处,但它代表了如何将jquery创建的对象视为索引数组。
$(function(){
$(document).find('div').siblings().each(function(){
var obj = $(this);
obj.find('div').each(function(){
var obj1 = $(this);
if(!obj1.children().length > 0){
alert(obj1.html());
}
});
});
});
<div id="2">
<div>
<div>
<div>XYZ Pvt. Ltd.</div>
</div>
</div>
</div>
<div id="3">
<div>
<div>
<div>ABC Pvt Ltd.</div>
</div>
</div>
</div>
如果你可以控制构建jQuery对象的查询,请使用:eq()
$("div:eq(2)")
如果你无法控制它(例如,它是从另一个函数或其他东西传递的),那么使用.eq()
var $thirdElement = $jqObj.eq(2);
或者如果你想要它们的一部分(比如,第三、第四和第五个元素),使用.slice()
var $third4th5thElements = $jqObj.slice(2, 5);
推荐文章
- 可以在setInterval()内部调用clearInterval()吗?
- 无法读取未定义的属性“msie”- jQuery工具
- jQuery:执行同步AJAX请求
- jQuery表格排序
- 如何禁用文本选择使用jQuery?
- 如何停止事件冒泡复选框点击
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何删除和清除所有的本地存储数据
- 如何修改标签文本?
- 如何获得十六进制颜色值而不是RGB值?
- 如何将一个标题转换为jQuery的URL段塞?
- $(window).width()与媒体查询不一样
- AJAX请求中的内容类型和数据类型是什么?
- 如何打破_。在underscore.js中的每个函数
- 如何在jQuery中获得当前日期?