Jquery如何生成不重复的ID

使用jQuery 在前端生成 数据库ID 是一个不太明智的选择，当多个用户使用浏览器 *** 作的时候会产生重复的ID。
一般会使用数据库自动生ID，即使不使用数据库生成ID, 也会在后端做一个生成ID的逻辑。

使用Jquery获取某个div时需要这样写：$("#" + 所定义的id变量名)代码如下黑体加粗部分：

<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"

ng-click="openDoctorList(hospitalid,hospitalname)">

$scopeopenDoctorList = function (id,hospitalName) {

$scopeuniqueHospitalId = id;
var hospitalId = id + "hospital";
if($scopecacheHospitalId != id){
  $("#"+hospitalId)attr("class","z_tl clearfix z_poaR");
}
if($scopecacheHospitalId == id){
$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");
$scopedoctorList = null;
}
$scopecacheHospitalId = id;
}

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

Jquery官方API -ID Selector (“#id”)

JQuery官方API接口-attr()

百度百科-JQuery

例如：

<div class="huis" id="Gcdh1">这里是内容</div>//ID是循环变动的，类是固定的$("huis")each(function() {
    var _id = $(this)attr("id"); // 遍历获取符合该样式选择器的所有元素的ID
});

思路：利用jQuery选择器直接根据类名获取对象→遍历对象→使用 attr() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：

1、HTML结构

<div class="test" id="div_id">我的类是test，id是div_id</div>
<input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />
<div class="test">我的类是test，没有id属性</div>
<li class="test" id="li_id">我的类是test，id是li_id</li>
<input type="button" value="确定">

2、jQuery代码

$(function(){
$("input[type='button']")click(function() {
var ids = [];
$("test")each(function(index, el) {
var id = $(this)attr("id");
if(typeof(id)!=='undefined'){
idspush(id)
}

});
alert(ids);
});
});

3、效果演示

---