当 url 匹配时使 jquery 选择器返回结果

Posted 2023-05-09

【中文标题】当 url 匹配时使 jquery 选择器返回结果

【英文标题】：make jquery selector return a result when url matches

【发布时间】：2022-01-17 21:35:03

【问题描述】：

如果站点的 url 与预定的 url 匹配，我需要编写一个在 DOM 中返回某些内容的 jquery 选择器。

作为背景，我正在编写一个专为“单个”站点设计的文档功能，但是我需要将它用于多个站点的文档。我无法控制服务器或代码。我也不能选择其他框架。 我知道 jquery 选择器不是为此而设计的，所以我正在寻找任何可以工作的东西

我正在寻找具有以下行为的选择器

说我在 http://someurl/correctpage 然后选择器应该通过 $('SELECTORHERE') 从 DOM 返回一些东西 但是，如果我在 http://someurl/falsepage 上，它不应该

【参考方案1】：

你需要使用hash

$(function() 
  // we get hash value 
  let hashValue = location.hash;

  hashValue = "correctpage"; // this line is for test only

  // we check if the hash value is egal to your second tab name
  if (hashValue == "correctpage")  
    $("." + hashValue).removeClass("red").addClass("green");
  
);

.red  border: 1px solid red 
.green  border: 1px solid green 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="correctpage red">Test</div>

【讨论】：

感谢您尝试一下，但是我根本无法使用 javascript。我只能提供一个将在这样的表达式中使用的选择器 $('MYWONDERFULLSELECTOR') 并且能够看到该表达式是否在页面中找到了一个元素