, wie die Werte in einem Array in jQuery

Question

bekommen ich einen folgenden Satz von HTML-Codes habe:

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

ich die Textwerte von h2-Tags wollen, p-Tags und einen Tag in ein Array, wie ich habe das unten abgebildete Hintergrundbild:

$('#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]); 
}); 

Ich möchte diese Werte zum Anhängen an den Code verwenden.

Bitte helfen Sie mir Jungs. Dank

Answer 1

Verwenden Iteration Kontext this zusammen mit Fund Selektor Kind-Element darin zu finden:

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

// alle 3 von ihnen zusammenführen, wenn Sie es in einzelnen Array wollen