jquery getElementsByClassName finden Teilklassennamen

Question

Ich möchte die JavaScript-Funktion getElementsByClassName Schleife in einigen html divs verwenden, die nicht die genau Klassennamen haben, aber es beginnt mit dem gleichen Text: „akordeon Punkt“

so sieht der hTML-Text wie folgt aus:

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

auch der Javascript-Code ich habe versucht, ist dieses:

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

ich habe auch versucht, in den getElemen für diese Zeichenfolge gesucht tsByClassName Methode: "akordeon-item"

Wie kann ich diese Schleife arbeiten lassen? Bitte helfen ...

Answer 1

Es gibt a bunch of special selectors Sie Gebrauch machen können:

^= is starts with 

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

Versuchen:

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

• jsFiddle demo
• $.each documentation

Alternative Wege über den Satz zu wiederholen:

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

oder mit einer for Schleife:

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