使用jquery

时间:2015-06-25 12:04:58

标签: javascript jquery html

我希望我能正确地说出这个标题。

基本上我在sharepoint环境中工作。 在我网站的每个页面上,我都有一个侧边栏菜单,其中包含与其他各个页面的快速链接。

在我的sidbar菜单中,大部分(如果不是全部)由SharePoint生成,列表中的每个菜单项都会被赋予“menu-item-text”类。

现在我想要一个特定的菜单项,使用javascript,将文本附加到现有文本。特别是一个柜台。

所以我有这样的事情......

  • MenuItem1
  • MenuItem2
  • MenuItem3
  • MenuItem4
  • MenuItem5

我想对页面加载进行计算,并将计算的数值结果显示给MenuItem3,例如..

  • MenuItem1
  • MenuItem2
  • MenuItem3 (5)
  • MenuItem4
  • MenuItem5

所以我假设这样做的方法是通过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

1 个答案:

答案 0 :(得分:1)

你的班级名称或html文本都应该用html永久修复。 如果 li 文字被修复为&#39; MenuItem3 &#39;并有课程&#39; 菜单项目文本&#39;

那么你可以这样做。

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

否则你应该根据你的要求为每个元素分配 id

这是plunker