jQuery 如何通过 ID 选择器 获取动态ID

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

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

ng-click="openDoctorList(hospital.id,hospital.name)">

$scope.openDoctorList = function (id,hospitalName) {

$scope.uniqueHospitalId = id

var hospitalId = id + "hospital"

if($scope.cacheHospitalId != id){

  $("#"+hospitalId).attr("class","z_tl clearfix z_poaR")

}

if($scope.cacheHospitalId == id){

$("#"+hospitalId).attr("class","z_tl z_t2 clearfix z_poaR")

$scope.doctorList = null

}

$scope.cacheHospitalId = id

}

扩展资料：

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

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

参考资料：

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

JQuery官方API接口-.attr()

百度百科-JQuery

使用attr()或prop()方法为id属性赋值即可，关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例演示如下：点击按钮设置div标签的id为test，为了便于观察效果，css中设置了id为test的样式为红色

1、HTML结构

<style>

#test{color:red !important font-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})

3、效果演示

// 你好，以在 BODY 生成 DIV 为例子给你讲一个吧 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

    var create = 4    // 定义一个数字，用于指定要生成多少个DIV

    var idStr = ""   // 这里是生成之后的所有 div 的  id 字符串

    var idList = new Array()    // 这里是生成之后，所有 div 的 id 数组

    $(function() {

        // 这里循环生成 create 个 div

        for (var i = 1 i <= create i++) {

            // 这里指定 id = "div" + i，对应为 div1 div2 div3

            var id = "div" + i

            var div = $("<div id='" + id + "'>" + id + "</div>")

            $("body").append(div)// body 拼接一个 div

            idStr += id + " "    // 拼接 id 字符串

            idList.push(id)      // 把 id 放到数组里面

        }

        // 如果要获得所有生成的 div 的 ，可以提供两种方法，第一种，在生成的时候，拼接字符串或者放到数组里面，第二种，在生成完 div 之后，遍历获取

        // 1、这里通过循环获取 id 

        var eachId = ""

        $("body >div").each(function() {

            // 获得div的id属性，拼接起来

            eachId += $(this).attr("id") + " "

        })

        alert("我是each出来的id：" + eachId)

        // 2、这里是生成的时候拼接的

        alert("我是带出来的id：" + idStr)

        // 3、这里是通过数组

        var listId = ""

        for (var key in idList) {

            // 获取数组中存储的 id

            listId += idList[key] + " "

        }

        alert("我是数组遍历的id：" + listId)

    })

</script>

---