当特定参数在 URL (Javascript) 中时，我想隐藏一个 ID

Question

当在 url 中找到特定参数时，我想隐藏名为 #ko 的 ID。

---示例---

例如，这是客户发送问题时的感谢页面：

https://website.nl/bedankt?k=Vraag&n1=Your%20Name&n2=&n3=

当 k=Vraag 在 URL

中时，我想隐藏 id="ko"

但是当客户要求报价时 (k=Offerte) 我想显示 id="ko"。

https://website.nl/bedankt?k=Offerte&n1=Your%20Name&n2=&n3=

这是html:

<span style="color: #ffffff;">Ik heb je bericht in goede orde ontvangen en zal binnen 48 uur een reactie geven op je <span class="keuze">[get_param param="k"]</span><span id="ko"> aanvraag</span>.</span>

这是我现在得到的，但它似乎不起作用。

$(document).ready(function () {
   if (window.location.href.indexOf("k=Vraag") != -1) {
      $("#ko").hide();
   }
});

Answer 1

假设 jQuery 已加载（但未加载），您的代码应该可以正常工作，但我建议您使用 searchParams 和一个开关

$(function() {
  const url = new URL(window.location.href);
  const keuze = url.searchParams.get("k");
  $(".keuze").toggle(keuze === "" || keuze === "Vraag");
  $("#ko").toggle(keuze !== "Vraag" && keuze !== "Offerte");
});

纯 JS

window.addEventListener("load",function() {
  const url = new URL(window.location.href);
  const keuze = url.searchParams.get("k");
  document.querySelector(".keuze").hidden = keuze && keuze !== "Vraag";
  document.getElementById("ko").hidden = keuze === "Vraag" || keuze === "Offerte";
});

我的第二个代码运行控制台中的活动代码显示

当特定参数在 URL (Javascript) 中时，我想隐藏一个 ID

I want to hide a ID when specific parameter is in URL (Javascript)

javascript

html

parameters

hide