Question

我有以下一组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>
                    <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>

我希望h2标签，p标签和标签的文本值成为一个数组，就像我的背景图片如下所示：

$('#nitsslider > .item').each(function (i) {
    var sliderimage = [];
    var sliderheading = [];
    var sliderpara = [];
    var sliderbutton = [];
    sliderimage[i] = $(this).css('background-image').replace(/^url\(['"](.+)['"]\)/, '$1');
    sliderheading[i] = $('.item > h2').text();
    console.log(sliderimage[i]);
    console.log(sliderheading[i]);
});

我想使用这些值附加到代码中。

请帮帮我们。感谢

Answer 1

使用迭代上下文this和find选择器来查找其中的子元素：

sliderheading[i] = $(this).find('h2').text();

Answer 2

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

//如果你想在单个数组

中合并它们中的所有3个

如何在jQuery中获取数组中的值

2 个答案: