繁体   English   中英

当锚文本包含特定关键字时隐藏父DIV

[英]Hide the parent DIV when an Anchor Text contains a certain Keyword

在下面的代码的第二个链接的锚文本中,可以找到文本“ KEYWORD”。

我想做的是只要在链接的锚文本中找到“ KEYWORD”,就隐藏整个第一个DIV(一个包含其他代码)。

(我无法控制HTML-代码来自其他网站)

<div>
<div>1. </div>
<div><a href="#nogo">buy now</a></div>
<div>More</div>
<div><a href="#nogo">bla bla KEYWORD bla bla</a></div>
<div>&nbsp;</div>
</div>

谁能告诉我该怎么做。 我猜在javascript或jquery中。

更新资料

出于隐私原因,我删除了href链接,并将其更改为“ nogo”。

href是一个随时变化的真实链接

对不起,我应该提到这一点。

$("div div a:contains('KEYWORD')").hide();

我想你可以做些类似的事情:

var hrefs = $('a[href^="nogo"]');
hrefs.each(function(){
    if($(this).text().search(/KEYWORD/) != -1) $(this).parent().hide();
});

顺便说一句:jQuery是javascript ;-)

隐藏父 div 时包含<textarea>&lt;i&gt;?&lt;/div&gt;&lt;/i&gt; &lt;b&gt;?&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> 我有一个由其内容动态生成的 div 结构。 它看起来像这样:</p><pre> &lt;div class="fpd-list-row fpd-add-layer" id="1609962837979"&gt;&lt;div class="fpd-cell-0"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="fpd-cell-1"&gt;Dein Foto&lt;/div&gt;&lt;div class="fpd-cell-2"&gt;&lt;span class="fpd-icon-add"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="fpd-list-row" id="1609962838288"&gt;&lt;div class="fpd-cell-0"&gt;&lt;span class="fpd-current-color" style="background: #ffffff" data-colors=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="fpd-cell-1"&gt;&lt;textarea&gt;Wanderlust&lt;/textarea&gt;&lt;/div&gt;&lt;div class="fpd-cell-2"&gt;&lt;span class="fpd-lock-element"&gt;&lt;span class="fpd-icon-unlocked"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</pre><p> 我只想隐藏 textareas 和 parent 元素到 .fpd-list-row 但保持其他 div like.fpd-list-row.fpd-add-layer 不变。 当我将 textarea 设置为不显示时,父 div 仍然存在。 有没有办法仅在包含&lt;textarea&gt;时将父 div 隐藏到 ..fpd-list-row ?</p></div>

[英]Hide parent div when it contains <textarea>?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 当子div包含特定文本时,如何隐藏父div? 如果子级包含特定文本/字符串,如何隐藏父级div? URL包含特定文本部分时显示或隐藏div 当h4包含尾部文字时隐藏父DIV Hide div包含特定文本,然后隐藏另一个div选项 隐藏父 div 时包含<textarea>&lt;i&gt;?&lt;/div&gt;&lt;/i&gt; &lt;b&gt;?&lt;/div&gt;&lt;/b&gt;</textarea><div id="text_translate"><p> 我有一个由其内容动态生成的 div 结构。 它看起来像这样:</p><pre> &lt;div class="fpd-list-row fpd-add-layer" id="1609962837979"&gt;&lt;div class="fpd-cell-0"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="fpd-cell-1"&gt;Dein Foto&lt;/div&gt;&lt;div class="fpd-cell-2"&gt;&lt;span class="fpd-icon-add"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="fpd-list-row" id="1609962838288"&gt;&lt;div class="fpd-cell-0"&gt;&lt;span class="fpd-current-color" style="background: #ffffff" data-colors=""&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="fpd-cell-1"&gt;&lt;textarea&gt;Wanderlust&lt;/textarea&gt;&lt;/div&gt;&lt;div class="fpd-cell-2"&gt;&lt;span class="fpd-lock-element"&gt;&lt;span class="fpd-icon-unlocked"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</pre><p> 我只想隐藏 textareas 和 parent 元素到 .fpd-list-row 但保持其他 div like.fpd-list-row.fpd-add-layer 不变。 当我将 textarea 设置为不显示时,父 div 仍然存在。 有没有办法仅在包含&lt;textarea&gt;时将父 div 隐藏到 ..fpd-list-row ?</p></div> 创建一个书签,如果div包含某些文本,它将隐藏div 如果锚文本包含关键字,则自动单击链接 如果包含关键字的锚文本如何突出显示? 当到达底部页面部分时,jQuery隐藏带有锚文本的Div
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM