使用jquery在htmlCollection數組中找到一個特定的html元素

-3

基本上我在一個共享點環境中工作。在我的網站的每個頁面上，我都有一個帶有各種其他頁面的快捷鏈接的邊欄菜單。

在我的sidbar菜單中，如果不是完全由SharePoint生成，那麼列表中的每個菜單項都被賦予類'menu-item-text'。

現在有一個特定的菜單項，我希望使用javascript將文本追加到現有文本中。具體的計數器。

所以我有這樣的事情..

，我想做網頁上的計算加載並顯示計算的數字結果到M enuItem3，如..

所以我認爲要做到這一點是通過路JavaScript的。而通常這會很容易，如果我能有一個ID直接目標，但我有一個通用的類名這樣的 - <span class="menu-item-text">MenuItem3</span>

如果我使用document.getElementsByClassName('menu-item-text')，我還給了「的HTMLCollection [389]」

我怎麼找到這個數組中的'MenuItem3'項目？我假設我可以通過'menu-item-text'對象的'innerHTML'等於'MenuItem3'來識別。

但不確定如何。 :)

謝謝！

編輯：以下是側邊欄頁面上的html樣子。有很多它... enter image description here

2015-06-25 Simon

如何使用索引？ 'document.getElementsByClassName（'menu-item-text'）[x]'順便說一句，爲什麼這個問題被標記爲jQuery？ –

感謝評論，A.沃爾夫。您能否詳細說明如何使用索引？謝謝:)（不知道爲什麼我的問題得到了這麼多downvoted，但欣賞評論和協助幫助） – Simon

在您發佈的僞代碼後，'document.getElementsByClassName（'menu-item-text'）[2]'會匹配如果在DOM –

那麼無論你的類名或HTML文本應永久固定與HTML。如果李文本是固定的，如「MenuItem3」和上課「菜單項文本」

那麼你可以這樣做。

var element = $('.menu-item-text:contains("MenuItem3")')

否則你應該分配ID根據您的要求，每一個元素。

2015-06-25 12:24:50

非常感謝，Riyaj。這看起來非常簡單，似乎是一個有效的解決方案。感謝您的時間。 :) – Simon

回答