隐藏带有特定url的锚标记

Hiding a Anchor Tags with a specific url

本文关键字：url 隐藏      更新时间：2023-09-26

我正在android应用程序中实现Webview…我想隐藏一个特定的标签，像一个特定的href我怎么能做到这一点…

示例:我想隐藏链接2和链接4有tracklist在href标签与href="/track.php?Id =icmo"如何?因为标签

没有class或id
<p class="track">
  <font color="maroon"> … </font>
  <a href="/track.php?id=ycmo"> Link 1 </a>
<span style="color:#339900;"> … </span>
</p>
<p class="track">
  <font color="maroon"> … </font>
  <a href="/tracklist.php?id=icmo"> Link 2</a>
<span style="color:#339900;"> … </span>
</p>
<p class="track">
  <font color="maroon"> … </font>
  <a href="/track.php?id=kcmo"> Link 3 </a>
<span style="color:#339900;"> … </span>
</p>
<p class="track">
  <font color="maroon"> … </font>
  <a href="/tracklist.php?id=mcmo"> Link 4 </a>
<span style="color:#339900;"> … </span>
</p>
<p class="track">
  <font color="maroon"> … </font>
  <a href="/track.php?id=mcmo"> Link 5 </a>
<span style="color:#339900;"> … </span>
</p>

使用jQuery属性包含选择器

$("a[href*='tracklist']").hide();

您的

href = "/track.php吗?id = icmo "

不匹配任何你描述你不想删除的元素，我假设是一个打字错误，但因为我不确定你是否知道你想要隐藏的url和id组合，我会给你一个使用indexOf和使用模式的regex版本的精确字符串匹配的选项，这可能不是你需要的确切模式，但可能指向你正确的方向。

只更改if子句和使用的过滤器变量

<<p> indexOf版本/strong> 
var links, i, href, filter
filter = 'track.php?id=';
links = document.querySelectorAll('a');
for (i = 0, len = links.length; i < len; i++) {
  href = links[i].href;
  if(href.indexOf(filter) !== -1){
        links[i].style.display = 'none'
  }      
}
<<p> 正则表达式版本/strong> 
var links, i, href, regexFilter
regexFilter = /track.php'?id=+(k|m)/;
links = document.querySelectorAll('a');
for (i = 0, len = links.length; i < len; i++) {
  href = links[i].href;
  if( href.match(regexFilter) ){
        links[i].style.display = 'none'
   }       
}

这是一个jsfiddle Demo

你可以使用简单的CSS。

a[href="/track.php?id=icmo"]
{
    property: value;
}

至于属性和值，您可以使用display: none;让浏览器呈现它，如果它不存在，或者您可以使用visibility: hidden;，这样锚将被隐藏，但仍将为它们分配空间。

对于我的源代码和更多的例子，你可以访问w3schools.com，在那里我阅读了各种web语言(包括。CSS) .
相关文章：