使用 jquery 来自哈希值的动态类名

Question

我有一个标签集，每个标签都有唯一的 ID。以及每个选项卡中上传按钮中具有唯一类名的函数。所以我想获取哈希值来动态构建一个新的类名。与我构建的函数一起使用。

例子：

URL : www.myweb.com/upload.php#tab1

jS

var hash=location.hash;//grab hash = tab1
$('.upload_'.hash).uploadPic({//expect className= '.upload_tab1'
.
.
.
});

html

<button id="upload_tab1">Browse</button>

我试过了，但由于某些原因它不起作用。没有错误，什么都没有。请帮忙。

Answer 1

正如其他人所提到的，您需要使用 + 而不是 . 来连接 JavaScript 中的字符串。

但是，这仍然不能解决您的问题，因为 window.location.hash 返回的值包括片段前面的哈希 (#) 符号：

const hash = window.location.hash; // value is "#tab1"

所以你需要去掉井号：

const hash = window.location.hash.substring(1); // value is "tab1"

为防止在未指定片段的情况下出错，您可能需要先检查井号是否存在：

let hash = window.location.hash;
hash = hash.startsWith('#') ? hash.substring(1) : hash;