jQuery的getElementsByClassName方法找到了部分的類名

我想使用的JavaScript函數getElementsByClassName方法循環中沒有完全相同的類名稱一些HTML div但它與同文開頭：「akordeon項目」jQuery的getElementsByClassName方法找到了部分的類名

因此，HTML文本看起來是這樣的：

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

<div> 
    <span class="userid"> 
      [email protected] 
    </span> 
</div> 
</div> 
<div class="akordeon-item akordeon-item-second"> 

<div> 
    <span class="userid"> 
      [email protected] 
    </span> 
</div> 
</div> 
<div class="akordeon-item akordeon-item-third"> 

<div> 
    <span class="userid"> 
      [email protected] 
    </span> 
</div> 
</div> 

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

<div> 
    <span class="userid"> 
      [email protected] 
    </span> 
</div>

此外，JavaScript代碼我想是這樣的一個：

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

我也試圖尋找該字符串的getElemen內tsByClassName方法：「akordeon-item」

如何使此循環工作？請幫助...

來源

2014-06-13 user3256429

問題似乎不清楚..！ –

刪除句點'.'，'getElementsByClassName'需要文字類名稱，而不是選擇器 – CodingIntrigue

因爲您標記了jquery：$（'[class^=「text」]'） – gulty

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

點

替代的方式來遍歷集合：

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

來源

2014-06-13 12:05:17 martynas

這將是'函數（索引，值）{「更相關..因爲它不會得到任何關鍵值.. –

@SomnathKharat標題中的第一個單詞是'jquery'。此外，該問題被標記在'jquery'下。 – martynas

他將jquery添加到他的標籤 – gulty

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

來源

2014-06-13 12:06:52 RGS

jQuery的getElementsByClassName方法找到了部分的類名

回答

相關問題