jquery getElementsByClassName 查找部分类名[重复]

Question

我想使用 javascript 函数 getElementsByClassName 来循环一些没有确切类名的 html div，但它以相同的文本开头：“akordeon-item”

因此，html 文本如下所示：

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

另外，我尝试的javascript代码是这个：

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

我还尝试在 getElementsByClassName 方法中搜索此字符串：“akordeon-item”

我怎样才能使这个循环工作？ 请帮忙...

Answer 1

有a bunch of special selectors你可以使用：

^= is starts with

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

试试：

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

• jsFiddle demo
• $.each documentation

迭代集合的替代方法：

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

或者使用for循环：

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