在div中find第一个类

我有以下的HTML结构，我想find类的第一个div的内部的HTML为“popcontent”使用jQuery

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

Answer 1

你会踢你自己….. 🙂

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

Answer 2

你可以在这种情况下使用:firstselect器

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

DEMO

Answer 3

在div中第一次出现类

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

在div中第二次发生类

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

Answer 4

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

应该给你第一个div的内容（在这种情况下是“1”）

Answer 5

使用Jquery：如下所示的第一个select器 ：

 $(".popContent:first"); 

Answer 6

你可以使用document.querySelector（）

返回文档中的第一个元素（使用文档标记中的第一个元素的深度优先遍历，并按照子节点的顺序遍历顺序节点）与指定的select器组相匹配。

由于它只是第一次出现，它比jQuery有更好的performance

 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); 

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

Answer 7

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

Answer 8

你可以使用下面的jQueryexpression式

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