找到DIV

Question

類的第一次出現我有下面的HTML結構，我想找到第一個div的內部HTML以班級爲「popcontent」使用jQuery

<div> 
<div class="popContent">1</div> 
<div class="popContent">2</div> 
</div> 

Answer 1

你會踢自己..... :)

$(".popContent:first").html() 

Answer 2

你可以在這種情況下使用:first選擇

$('.popContent:first').text(); 

DEMO

Answer 3

$("div.popContent:first").html() 

應該給你的第一d IV的內容（ 「1」 這種情況下）

Answer 4

使用Jquery :first selector象下面這樣：

$(".popContent:first"); 

Answer 5

您可以使用以下jQuery表達式

alert(jQuery('div.popContent').eq(0).html()); 

Answer 6

在DIV類的第一次出現

$('.popContent').eq(0).html('value to set'); 

在DIV類的二occurence

$('.popContent').eq(1).html('value to set'); 

Answer 7

$("div.popContent:first").html(); 

Answer 8

你可以使用document.querySelector()

返回文檔中的第一個元素（使用深度優先 預遍歷文檔節點|按01中的第一個元素遍歷文檔標記和迭代通過順序節點的順序爲 數量的子節點）匹配指定的選擇器組。

，因爲它只尋找第一次出現，它比jQuery的

var count = 1000; 
 
var element = $("<span>").addClass("testCase").text("Test"); 
 
var container = $(".container"); 
 
var test = null; 
 
for(var i = 0; i < count; i++) { 
 
\t 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);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"></div>

jsFiddle version of snippet