Javascript 获取索引问题-JQuery
可能重复:Javascript 获取索引问题-JQuery,javascript,jquery,arrays,Javascript,Jquery,Arrays,可能重复: 快速提问,我正在使用以下方法针对html5页面中的所有文章元素: var articles = $("article"); 我想做的是只使用索引将其中一个项目元素作为目标。我似乎无法让它工作,有什么想法吗 articles[1].css("display", "none"); // <-- This won't work articles[1].css(“显示”、“无”);// 您可以使用该函数以特定索引为目标 $("article").eq(1).css("displ
快速提问,我正在使用以下方法针对html5页面中的所有文章元素:
var articles = $("article");
我想做的是只使用索引将其中一个项目元素作为目标。我似乎无法让它工作,有什么想法吗
articles[1].css("display", "none"); // <-- This won't work
articles[1].css(“显示”、“无”);// 您可以使用该函数以特定索引为目标
$("article").eq(1).css("display", "none");
根据上面提到的jQuery文档
将匹配元素集减少为
位于指定索引处的
试试这个。这应该针对第一篇文章
var articles = $('article').eq(0);
articles.css({"display":"none"});
更多的解释请看这个,但这正是你所需要的
数组返回的是DOM元素,而不是jQuery对象。DOM元素上不存在该函数,因此您可以使用jQuery$
函数将其包装起来,以创建一个jQuery对象,您可以在该对象上调用.css()
试试$(文章[1]).css(“显示”、“无”)代码>
编辑:或者更好的articles.eq(1).hide()代码>jQuery有一个很好的文档:您甚至可以通过在“在jQuery中搜索”框中键入来过滤它。搜索索引
会给你一个相关函数的列表。@Samuel Liew似乎适合我。@Samuel:可以,但它不需要“复杂”。@Felix我认为这样解释其实更容易理解,但我完全同意articles.eq(1).css('display',none')代码>更优雅。谢谢你,这对我也很有用。我同意你的建议,用hide()代替css命令。我用您的第一个JSFIDLE示例进行了实验——效果很好。最后我选择了.eq(1)-谢谢你花时间来帮助我!