У меня есть следующая структура html, я хочу найти внутренний html первого div с классом как "popcontent", используя jQuery
<div>
<div class="popContent">1</div>
<div class="popContent">2</div>
</div>
У меня есть следующая структура html, я хочу найти внутренний html первого div с классом как "popcontent", используя jQuery
<div>
<div class="popContent">1</div>
<div class="popContent">2</div>
</div>
Вы будете пинать себя.....:)
$(".popContent:first").html()
вы можете использовать селектор :first
в этом случае
$('.popContent:first').text();
первое вхождение класса в div
$('.popContent').eq(0).html('value to set');
Второе появление класса в div
$('.popContent').eq(1).html('value to set');
$("div.popContent:first").html()
должен предоставить вам первое содержимое div ( "1" в этом случае)
Используйте Jquery: первый селектор, как показано ниже:
$(".popContent:first");
Вы можете использовать document.querySelector()
Возвращает первый элемент внутри документа (используя глубину предварительный обход узлов документа по первому элементу в разметка документа и итерация через последовательные узлы по порядку количество дочерних узлов), которое соответствует указанной группе селекторов.
Поскольку он ищет только первое появление, он имеет лучшую производительность, чем jQuery
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>
$("div.popContent:first").html();
Вы можете использовать следующее выражение jQuery
alert(jQuery('div.popContent').eq(0).html());