gpt4 book ai didi

javascript - 带有静态查询字符串的动态 URL

转载 作者:行者123 更新时间:2023-12-03 02:24:14 26 4
gpt4 key购买 nike

我正在编写一个移动菜单,需要具有带有查询字符串的动态 URL。

这是 HTML 的一部分:

<ul>
<li class="has-sub"><a href="#"><img alt="eclipse" src="image.png"/></a>
<ul role="menubar">
<li><a class="link" href="http://sitename.com?ID=7">Parent 1</a></li>
<li class="has-sub"><a aria-haspopup="true" href="#">Parent 2</a>
<ul role="menu">
<li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=21">Child 1</a></li>
<li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=19">Child 2</a></li>
<li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=18">Child 3</a></li>
<li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=17">Child 4</a></li>
<li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=16">Child 5</a></li>
</ul>
</li>
</ul>
</li>
</ul>

这是 JS:

    var absoluteURL = window.location.href;
var url = $('.link').attr('href')
url = url.replace('sitename', absoluteURL)

有没有一种方法可以在不使用任何插件的情况下在 HTML 中编写带有静态查询字符串的动态 URL:href= {link} + "ID=7"

最佳答案

好吧,我想整个问题是修复这个 url 冗余。如果您不想使用任何模板引擎,请尝试此操作。

我已经删除了公共(public)部分wiz http://sitename.com?,然后我选择了您所有的a,然后我在那里进行修改hrefs.

var link = "http://sitename.com?";
$("li.has-sub a").attr("href", function(){
return link+this.href;
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class="has-sub">
<a href="#"><img alt="eclipse" src="image.png" /></a>
<ul role="menubar">
<li><a href="ID=7">Parent 1</a></li>
<li class="has-sub"><a aria-haspopup="true" href="#">Parent 2</a>
<ul role="menu">
<li role="presentaiton"><a id="link" role="menuitem" href="ID=21">Child 1</a></li>
<li role="presentaiton"><a id="link" role="menuitem" href="ID=19">Child 2</a></li>
<li role="presentaiton"><a id="link" role="menuitem" href="ID=18">Child 3</a></li>
<li role="presentaiton"><a id="link" role="menuitem" href="ID=17">Child 4</a></li>
<li role="presentaiton"><a id="link" role="menuitem" href="ID=16">Child 5</a></li>
</ul>
</li>
</ul>
</li>
</ul>

关于javascript - 带有静态查询字符串的动态 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49017282/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com