javascript - 通过 javascript/jquery 将类/id 添加到包含特定文本的 div

Question

我试图通过注入(inject) javascript/jQuery 来自定义特定页面，以将 css 类/id 添加到侧边栏中的特定“div”。我已将代码复制并粘贴到 jsfiddle link 上。我试图仅将“nodisplay”类/id 添加到蓝色突出显示框 (see screenshot here)，以便我可以通过 css 隐藏它。

我不能使用“nth-child ” css 选择器，因为那个蓝色框有时首先显示，有时第二显示，等等。我只想在第一个子 div 包含文本“管理”时将“nodisplay”添加到父 div ".

逻辑:

if div.SidebarList-sidebarListHeader-m1Kth contains text that matches exactly = "Manage",
then add "nodisplay" to parent div css;

Answer 1

使用contains 来检查想要的文本并使用parent 来找到父级。

if ($(".menu:contains('Sed')")) {
  $('.menu').parent().addClass('dclass');
}

.dclass {
  background-color: blue
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>   
 <div class='menu'>
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
  sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
  ut labore et dolore magnam aliquam quaerat voluptatem
</div>
</div>