我有以下内容：
<a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>
这是一个包含一些链接的PHP数组。我需要在每个链接的结尾添加一个额外的哈希参数#nav-link。
以下是我的尝试：
<a id="likeLink" href=""><?=$arItem["TEXT"]?></a>
<script>
$(document).ready(function () {
$("#likeLink").attr("href", <?=$arItem["LINK"]?> + "#nav-link");
});
</script>
但是这个代码不起作用，因为 jQuery 不知道我链接到哪些链接。所以我想我需要生成唯一的 ids，但不知道如何做。
我不需要一个永久的唯一/随机ID，只需要每页都是唯一的东西，而且这些解决方案似乎对我来说都过于复杂了，所以我想出了这个方法：
const uniqId = (() => {
let i = 0;
return () => {
return i++;
}
})();
// usage:
uniqId(); // 0
uniqId(); // 1
uniqId(); // 2
// ...
var uniq = function() {var self=this; self.i = 0; self.next = function(){return self.i++;}};. 使用：var u = new Uniq(); u.next(); - user1005939您可以使用此代码来生成随机的 ID。
<script type="text/javascript">
function Generator() {};
Generator.prototype.rand = Math.floor(Math.random() * 26) + Date.now();
Generator.prototype.getId = function() {
return this.rand++;
};
var idGen =new Generator();
</script>
</html>
<body>
<!-- Place this in the body of the page content -->
<button onclick="console.log(idGen.getId())">click</button>
</body>
Math.random() 一样随机，因为它使用了毫秒时间。在0到25之间添加一个随机数并不能使它更加随机。 - kpull1Math.random() * 26 得到了一个25，然后3毫秒后你又得到了同样表达式的22。你可能会得到两个相同的数字。如果你去掉这些随机因素，代码会更好、更快。这就是为什么我说你添加了你不理解的东西。 - kpull1从v1.9版本开始，jQueryUI内置了一个用于创建唯一id的方法，称为uniqueId()。
下面这段代码将为属于myclass的每个元素设置一个唯一的id。
$(".myclass").each(function () {
$(this).uniqueId();
});
请注意，至少在我的测试中，如果元素已经有一个ID，则无法分配新的ID。
因此，使用上述JavaScript代码将为此
分配一个唯一的ID。<div class="myclass"/>
但这并不会
<div class="myclass" id="myId"/>
uniqueId（）是在JQuery UI中添加的，而不是核心库。 - Nathan Lee /**
* Create a random Guid.
*
* @return {String} a random guid value.
*/
newGuid: function() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g,
function(c) {
var r = Math.random() * 16 | 0,
v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
}).toUpperCase();
}
您可以在我的库中找到其他有用的js辅助工具： https://github.com/mazong1123/neatjs
uniqueId
_.uniqueId([prefix])Generate a globally-unique id for client-side models or DOM elements that need one. If prefix is passed, the id will be appended to it.
_.uniqueId('contact_'); => 'contact_104'
我知道现在已经过去一年了，但是原帖中提到他不知道“如何”应用这些ID。可以使用rand原型轻松完成此操作，由上方beri提供的示例代码如下：
/// insure ALL myClass elements have a unique ID.
if(!$('.myClass').attr("id")){
$('.myClass').attr("id",idGen.getId());
console.log($('.myClass').attr("id"));
}
/// insure ALL anchor tags have a unique ID.
if(!$('a').attr("id")){
$('a').attr("id",idGen.getId());
}
<a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>
使用
<a href="<?=$arItem["LINK"]?>#nav-link"><?=$arItem["TEXT"]?></a>
这样每个链接的末尾都会添加"#nav-link"。完全不需要使用JavaScript或jQuery :D
#nav-link结尾。 - Mia