javascript - 来自哈希值的动态类名与 jquery

Question

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

例子:

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;