动态拦截普通 HTML/jQuery 中的所有子域

Question

我正在处理一个具有单一结构的旧网页。我有一个 switch 语句，它检查 URL 的路径名，然后运行一些函数来隐藏或显示页面上的元素。

switch(window.location.pathname){
   case '/admin/myapp/myappcategory/add/':
       $('#change_id_primary_category').hide();
       $('#add_id_primary_category').hide();
       break;

现在我必须确保嵌套在添加类别下的网址也可以被拦截。示例：

    /admin/myapp/mayappcategory/add/3,
    /admin/myapp/mayappcategory/add/5

虽然我熟悉使用 React 路由器进行路由，但我不确定在上面的 switch 语句中添加后如何动态拦截所有 url。我尝试添加通配符，但无法正常工作。任何处理相同问题的建议将不胜感激。当前项目使用 jQuery 和香草 JS/HTMl 相同。

Answer 1

改用正则表达式：

if(window.location.pathname.match(/\/admin\/myapp\/mayappcategory\/add\/(\d)+/)){
    // do your thing here..
}

我不确定您是否必须使用开关盒。此外，我假设您的动态参数是一个 int，但如果不是这种情况，您可以随时调整正则表达式

动态拦截普通 HTML/jQuery 中的所有子域

Dynamically intercept all sub domains in plain HTML/jQuery

html

javascript

jquery

routing

web-frontend