检查列表中的每个 href 是否包含问号 (?) 并添加符号 (&) - jquery

Question

我有一个包含 href 的列表。我想看看这个href.
里面有没有问号? 如果没有，在这个href.
的末尾添加一个带问号?的变量如果它包含问号，请在 href.

末尾添加一个带符号 & 的变量

<ul>
  <li><a href="https://www.testone.com/">link 1</a></li>
  <li><a href="https://www.testtwo.com/?variable1=ok1">link 2</a></li>
  <li><a href="https://www.testthree.com/?variable2=ok2&variable3=ok3">link 3</a></li>
  <li><a href="https://www.testfour.com/">link 4</a></li>
</ul>

在上面的链接中，我想在每个 href 的末尾添加一个变量，这样它们就会变成这样：

https://www.testone.com/?addedVariable=add 
https://www.testtwo.com/?variable1=ok1&addedVariable=add 
https://www.testthree.com/?variable2=ok2&variable3=ok3&addedVariable=add 
https://www.testfour.com/?addedVariable=add

Answer 1

首先找到所有 link 中的 "href"，然后发现它包含“？”与否。

如果有“？”在 link 中添加“&addedVariable=add”。
否则，附加“?addedVariable=add”

$("ul li").find("a").each(function(){
 var link = $(this).attr("href");
  if (link.indexOf("?") !=-1) {
   link += "&addedVariable=add ";
 } else {
   link += "?addedVariable=add ";
  }
  $("#newLinks").append(link + "<br/>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><a href="https://www.testone.com/">link 1</a></li>
  <li><a href="https://www.testtwo.com/?variable1=ok1">link 2</a></li>
  <li><a href="https://www.testthree.com/?variable2=ok2&variable3=ok3">link 3</a></li>
  <li><a href="https://www.testfour.com/">link 4</a></li>
</ul>

<div id="newLinks"></div>

检查列表中的每个 href 是否包含问号 (?) 并添加符号 (&) - jquery

Check if every href in a list contains question mark (?) and add ampersand (&) - jquery

variables

jquery

href

html-lists