如何在jQuery中获取数组中的值
我有以下一组html代码:如何在jQuery中获取数组中的值,jquery,Jquery,我有以下一组html代码: <div class="carousel-inner" id="nitsslider"> <div class="item active" style="background-image: url(../nits-img/global/templates/himu/slider/slide3.jpg)"> <div class="carousel-caption">
<div class="carousel-inner" id="nitsslider">
<div class="item active" style="background-image: url(../nits-img/global/templates/himu/slider/slide3.jpg)">
<div class="carousel-caption">
<div>
<h2 class="heading animated bounceInDown">'Himu' Onepage HTML Template</h2>
<p class="animated bounceInUp">Fully Professional one page template</p>
<a class="btn btn-default slider-btn animated fadeIn" href="#">Get Started</a>
</div>
</div>
</div>
<div class="item" style="background-image: url(../nits-img/global/templates/himu/slider/slide2.jpg)">
<div class="carousel-caption">
<div>
<h2 class="heading animated bounceInDown">Get All in Onepage</h2>
<p class="animated bounceInUp">Everything is outstanding </p> <a class="btn btn-default slider-btn animated fadeIn" href="#">Get Started</a>
</div>
</div>
</div>
<div class="item" style="background-image: url(../nits-img/global/templates/himu/slider/slide1.jpg)">
<div class="carousel-caption">
<div>
<h2 class="heading animated bounceInRight">Fully Responsive Template</h2>
<p class="animated bounceInLeft">100% Responsive HTML template</p>
<a class="btn btn-default slider-btn animated bounceInUp" href="#">Get Started</a>
</div>
</div>
</div>
</div>
我想使用这些值来添加到代码中
请帮帮我,伙计们。谢谢使用迭代上下文
此
以及查找选择器来查找其中的子元素:
sliderheading[i] = $(this).find('h2').text();
//如果您想将它们合并为一个数组,请将它们全部合并起来谢谢。你一直都在帮助我。:@NitishKumar:很高兴这有帮助。你的评论让我大吃一惊:)可以有更多的h2,p,a标记。除此之外,我希望有子元素。你会得到所有这些标记,无论它们在你的DOM上。如果你对答案满意,请投票。可以使用children()函数来获取这些标记的子元素
sliderheading[i] = $(this).find('h2').text();
var p=[],h2=[],a=[];
$('p').each(function(){
p.push($(this).text());
});
$('h2').each(function(){
h2.push($(this).text());
});
$('a').each(function(){
a.push($(this).text());
});