这是我所拥有的：
<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，但不知道该怎么做。
【问题讨论】：
#nav-link
标签： javascript php jquery
我不需要一个永远唯一/随机的 id，只需要每页唯一的东西，所有这些解决方案对我来说似乎都是多余的，所以我想出了这个：
var uniqId = (function(){
var i=0;
return function() {
return i++;
}
})();
【讨论】：
要生成随机 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 之间的随机数不会使其变得更加随机。
从 v1.9 开始，jQueryUI 有一个用于创建唯一 ID 的内置方法，称为 uniqueId()。
此代码将为属于 myclass 的每个元素设置一个唯一的 id。
$(".myclass").each(function () {
$(this).uniqueId();
});
请注意，至少在我的测试中，如果元素已经有一个，你不能分配一个新的 id。
所以这个 div 会通过上面的 Javascript 代码获得一个唯一的 id
<div class="myclass"/>
但这不会
<div class="myclass" id="myId"/>
【讨论】：
uniqueId() 是在 JQuery UI 中添加的，而不是核心库。
我总是使用以下代码来生成唯一 ID。几年前我在 Stackoverflow 上发现了这种方法：
/**
* 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
【讨论】：
我们可以为元素创建一个唯一的 id 使用 uniqueId() 下划线：
uniqueId
_.uniqueId([prefix])为需要的客户端模型或 DOM 元素生成一个全局唯一的 id。如果 prefix 被传递，id 将被附加到它。
_.uniqueId('contact_'); => 'contact_104'
【讨论】：
假设你在某种循环中调用代码，你可以替换
<a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>
与
<a href="<?=$arItem["LINK"]?>#nav-link"><?=$arItem["TEXT"]?></a>
这样，“#nav-link”就会添加到每个链接的末尾。根本不需要 javascript 或 jquery :D
【讨论】：
我知道这已经一岁了，但是，OP 表示他不知道“如何”应用 ID。这可以使用上面beri 的 rand 原型轻松完成。
/// 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());
}
【讨论】：