更改 href 属性中的特定字符串

Change specific string in href attribute

本文关键字：字符串 href 属性 更改      更新时间：2023-09-26

感谢您抽出宝贵时间帮助我！

我想从这个特殊div #nav 的每个 li 上的 href 中删除特殊链接示例"/siteurl/"

现在情况如何：

<div id="nav" class="menu">
   <ul class="menu">
     <li><a href="/siteurl/#home">Home</a></li>
     <li><a href="/siteurl/#services">Services</a></li>
</ul>   
</div>

我需要这样：

<div id="nav" class="menu">
   <ul class="menu">
     <li><a href="#home">Home</a></li>
     <li><a href="#services">Services</a></li>
</ul>   
</div>

像这样的代码应该这样做：

var cutLen = "/siteurl/".length;
$("li a").each(function() {
  this.href = this.href.substr(cutLen);
});

此外，您不得在此处发布问题而不显示任何尝试。我们不会为您编写代码。

一个简单的

字符串替换方法可以帮助你

$(".menu a").each(function() {
  this.href = this.href.replace(/'/siteurl'//,"");
});

这是片段

和代码（应该是自我解释的）

$(document).ready(function(){
  //the <li> > <a>'s of the menu
  $('#nav li a').each(function(){
    //what we are looking fore
   var search = '/siteurl/';
    //the current url
    var href = $(this).attr('href');
    //check if url begins with pattern
    if(href.indexOf(search) === 0){
      //now remove it
      href = href.substr(search.length);
      //and update the attribute
      $(this).attr('href', href);
    }
  });
});
相关文章：