jquery getElementsByClassName znaleźć częściową nazwę klasy

Question

Chcę użyć funkcji JavaScript getElementsByClassName do pętli w niektórych div HTML, które nie mają dokładnie nazwę klasy, ale to zaczyna się od tego samego tekstu: „akordeon-item”

tak, tekst html wygląda następująco:

<div class="akordeon-item akordeon-item-first"> 

<div> 
    <span class="userid"> 
      blabla@yahoo.com 
    </span> 
</div> 
</div> 
<div class="akordeon-item akordeon-item-second"> 

<div> 
    <span class="userid"> 
      john_doe@yahoo.com 
    </span> 
</div> 
</div> 
<div class="akordeon-item akordeon-item-third"> 

<div> 
    <span class="userid"> 
      john_doe2@yahoo.com 
    </span> 
</div> 
</div> 

<div class="akordeon-item akordeon-item-fourth"> 

<div> 
    <span class="userid"> 
      john_doe3@yahoo.com 
    </span> 
</div> 

również kod javascript próbowałem jest to jedno:

var slides = getElementsByClassName(".akordeon-item"); 
for(var i = 0; i < slides.length; i++) 
{ 
    alert("element : "+slides[i]); 
} 

próbowałem też szukając tego łańcucha wewnątrz getElemen Metoda tsByClassName: "akordeon-item"

Jak mogę uruchomić tę pętlę? Proszę o pomoc ...

Answer 1

Jest a bunch of special selectors można skorzystać z:

^= is starts with 

$= is ends with  
= is exactly equal 
!= is not equal 
*= is contains 

Spróbuj:

$.each($('[class^="akordeon-item"]'), function(key, value) { 
    console.log(key, value); 
}); 

• jsFiddle demo
• $.each documentation

Alternatywne sposoby iteracyjne nad zestawu:

$('[class^="akordeon-item"]').each(function(key, value) { 
    console.log(key, value); 
}); 

lub za pomocą for pętlę:

var slides = $('[class^="akordeon-item"]'); 
for (var i = 0; i < slides.length; i++) { 
    console.log(slides[i]); 
} 

Answer 2

$('div[class^="akordeon-item"]').each(function(index){});