Question

我试图通过用javascript / jQuery注入来定制特定页面，以便将css类/ id添加到特定的＆＃34; div＆＃34;在侧边栏。我已在jsfiddle link上复制并粘贴了代码。我试图只添加＆＃34; nodisplay＆＃34; class / id到蓝色突出显示的框（see screenshot here）所以我可以通过css隐藏它。

我不能使用＆＃34; nth-child＆＃34; css选择器，因为有时会显示蓝色框，有时会显示第二个等等。我想添加＆＃34; nodisplay＆＃34;仅在第一个子div包含文本＆＃34;管理＆＃34;。

时才显示父div

逻辑：

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

Answer 1

使用contains检查所需文字，并使用parent查找父级。

＆＃13;

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

＆＃13;

.dclass {
  background-color: blue
}

＆＃13;

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

＆＃13;

Answer 2

使用$("div:contains('my text')").closest('div')。请参阅jQuery :contains API和jQuery .closest() API。

Answer 3

我为您添加代码示例。

$('.SidebarList-sidebarListHeader-m1Kth:contains("Manage")').parent().addClass("nodisplay");

点击此处查看您的fiddle

Answer 4

.closest（）函数是元素的直接父元素。

$("div.SidebarList-sidebarListHeader-m1Kth:contains('Manage')").closest("div").addClass("nodisplay");

Answer 5

以下代码适合您，

$('.SidebarList-sidebarListHeader-m1Kth').filter(function() {
    return $(this).text() == 'Manage';
}).parent('div').hide();

点击此处fiddle

通过javascript / jquery将class / id添加到div

5 个答案: