可以在元素创建之后获取,也可以在on事件当前动态监听元素的变化。
如果是确定的结构,可以在元素创建之后获取id的值。
如果不确定,可以使用on方法,参数加上需要监听的元素,在创建完成之后就可以自动获取了。
根据attr(attribute)获取属性名,必须知道上一级的div的class名或者id名,
或者本身知道div的class或者id要获取其他属性,都是这么做的。$("#d1")attr("xxx");xxx是你想获取的某个属性的值。
完整如下:
<div id="div1"><div class="c1" id="d1"></div></div>
$("#div1")find("div")attr("id")
$("#div1")find("div")attr("class")
使用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
这个jquery应该可以娶到的。给你一个实例,注意自己添加jquery文件哈
<script language='javascript'>$(function(){
$("#adds")click(function(){
$("#xx")append("<h2>添加内容</h2>");
});
$("#geth")click(function(){
vh=$("#xx")height();
$("#xx")prepend("<h2>我的高度为:"+vh+"</h2>")
});
});
</script>
<div style="width:200px; height:200px; display:block; overflow-y:scroll">
<div id="xx">
sdfsdfs
sdfsdf
sdfsdf
</div>
</div>
<a href="javascript:;" id="adds">点击给XX里面添加内容</a>
<a href="javascript:;" id="geth">点击获取xx的高度</a>
如下代码可以实现:
<style>popdiv{width:200px;height:150px;}
</style>
<script src="jquery-191minjs"></script>
<script>
$(document)ready(function(){
var height = $("popdiv[style='display:block']")height(); //关键在这句
alert(height);
});
</script>
<div id="btn1box" class="popdiv" style="display:none">内容11</div>
<div id="btn2box" class="popdiv" style="display:none">内容22</div>
<div id="btn2box" class="popdiv" style="display:block">内容33</div>
使用jQuery框架 *** 作HTML DOM是一件极其便捷的事情,如下 *** 作即可获取相应节点的数据,id和名字(下文中引用“$(this)”表示一个jQuery对象):
获取节点标签内容数据: $(this)html( )
获取表单组件中的值: $(this)val()
获取节点中的文本内容(例如textarea): $(this)text()
获取节点的id: $(this)attr("id")
获取节点的名字: $(this)attr("name")
以上就是关于jquery取动态id的值全部的内容,包括:jquery取动态id的值、如何用Jquery获取某一个Div的Class或者ID、jQuery 如何通过 ID 选择器 获取动态ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)