var count = 1000;
var element = $("<span>").addClass("testCase").text("Test");
var container = $(".container");
var test = null;
for(var i = 0; i < count; i++) {
container.append(element.clone(true));
}
console.time('get(0)');
test = $(".testCase").eq(0);
console.timeEnd('get(0)');
console.log(test.length);
console.time('.testCase:first');
test = $(".testCase:first");
console.timeEnd('.testCase:first');
console.log(test.length);
console.time('querySelector');
test = document.querySelector(".testCase");
console.timeEnd('querySelector');
console.log(test);
8条答案
按热度按时间yqkkidmi1#
你会踢自己的...:)
kfgdxczn2#
div中类的第一次出现
div中第二次出现的类
ma8fv8wu3#
在这种情况下可以使用
:first
选择器DEMO
w80xi6nr4#
应该给予第一个div的内容(本例中为“1”)
bn31dyow5#
您可以使用document.querySelector()
返回文档中的第一个元素(使用文档节点的深度优先预排序遍历|按文档标记中的第一元素并按子节点数量的顺序迭代顺序节点)。
由于它只查找第一个出现的示例,因此它的性能比jQuery好
jsFiddle version of snippet
u4dcyp6a6#
按如下方式使用Jquery :first selector:
wtzytmuj7#
tktrz96b8#
可以使用以下jQuery表达式