如何取得div的id或者div class属性-CSDN论坛

JS 如何取div下table中的tbody id
[问题点数:20分,结帖人askasoft]
JS 如何取div下table中的tbody id
[问题点数:20分,结帖人askasoft]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
本帖子已过去太久远了,不再提供回复功能。11859人阅读
在Jquery中相同的ID号不能用$()获得,即使是$().each()也不能获得所有的ID相同的元素,只能获得第一个匹配的元素。
以上4个div,如果用$("#jevoly").size()来检查,也只能获得1,使用
$("#jevoly").each(function(i){
n也只=1,这是为什么呢?可能ID号不应该有重复吧。。。
解决方法:把id改为class就行了哦。。。郁闷。。。
用$(".jevoly")就可以了。。。
$('[id=jevoly]')
这样写j就行了
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:204303次
积分:2549
积分:2549
排名:第9787名
原创:64篇
转载:29篇
评论:36条
(1)(2)(7)(1)(4)(1)(1)(1)(2)(3)(7)(5)(4)(1)(2)(5)(6)(9)(1)(3)(7)(1)(1)(3)(1)(3)(1)(1)(8)(2)42467人阅读
Script(144)
HTML 中 id与name 区别一个name可以同时对应多个控件,比如checkbox和radio而id必须是全文档中唯一的id的用途&1) id是HTML元素的Identity,主要是在客户端脚本里用。2) label与form控件的关联,如& & & & & & &label for=&MyInput&&My Input&/label&& & & & & &&&input id=&MyInput& type=&text&&& & & & & &&for属性指定与label关联的元素的id,不可用name替代3)脚本中获得对象:IE支持在脚本中直接以id(而不是name)引用该id标识的对象。例如上面的input,要在脚本中获得输入的内容,可以直接以 MyInput.value来获得。如果用DOM的话,则用document.getElementById(&MyInput&).value;如果要用name的话,通常先得到包含控件的form,例如document.forms[0],然后从form再引用name,注意这样得到的是经过计算后将发送给服务器的值name的用途1)主要是用于获取提交表单的某表单域信息,&作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、&window的名字,用于在其他frame或window指定target&)和button等,这些元素都与表单(框架元素作用于form的target)提交有关,浏览器会根据name来设定发送到服务器的request,&在表单的接收页面只接收有name的元素,& 所以赋ID的元素通过表单是接收不到值的。&我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。在form里面,如果不指定name,就不会发送到服务器端。2)HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的name属性来实现的。3)建立页面中的锚点,我们知道&a href=&URL&&link&/a&是获得一个页面超级链接,如果不用href属性,而改用name,如:&a name=&PageBottom&&&/a&,我们就获得了一个页面锚点,如&strong&&a name=&1& id=&1&&&/a&Experience (XP)&/strong&,详见&4)作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其name来引用该对象。5)在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap=&#name&(被关联的MAP元素的Name)。6)某些特定元素的属性,如attribute,meta和param。例如为Object定义参数&PARAM NAME = &appletParameter& VALUE = &value&&或Meta中&META NAME = &Author& CONTENT = &Dave Raggett&&。当然HTML元素的name属性在页面中也可以起那么一点ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。Name属性还有一个问题,当我们动态创建可包含Name属性的元素时,不能简单的使用赋值element.name = &...&来添加其Name,而必须在创建Element时,使用document.createElement('&element name = &myName&&&/element&')为元素添加Name属性。这是什么意思啊?看下面的例子就明白了。&&script&&language&=&JavaScript&&&&&var&&input&&=&&document.createElement('INPUT');&input.id&&=&&'myId';&input.name&&=&&'myName';&alert(input.outerHTML);&/&script&&消息框里显示的结果是:&INPUT id=myId&&&script&&language&=&JavaScript&&&&&var&&input&&=&&document.createElement('&&&INPUT&name&=&&&myName&&&&&');&input.id&&=&&'myId';&alert(input.outerHTML);&/&script&&消息框里显示的结果是:&INPUT id=myId name=myName&&&name与id 区别&id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以用数字。table、tr、td、div、p、span、h1、li等元素一般用id。与表单相关的元素也可以赋ID值,& 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了,具体的如下:&赋name时,引用元素的方式:& document.formName.inputName 或 document.frames(&frameName&)&赋id时,引用元素的方式:& document.all.inputID 或 document.all.frameID&除去与表单相关的元素,只能赋id不能赋name,这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等&CSS 中 id、class属性的区别& &1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class=&css5& 来选择调用,命名好的CSS又叫css选择器。如: .css5{属性:属性值;} 选择器在html调用为“&div class=&css5&&我是class例子&/div&  .baobao { color: background: #ff80c0 }  使用方法:class=&baobao&&2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称如一个CSS规则:&  #binbin { font-size: larger }  &使用方法:id=&binbin&&id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;3)css里的id用法与class用法一样,只是把class换成id。如例子:&&& 在CSS样式定义ID&&&&&&&&&&& #css5 {height:25 width: 200}&&&& 调用ID :&&&&&&&&&&& &div id=&css5&&我是ID例子&/div&class是一个样式,可以套在任何结构和内容上,就象一件衣服。4)概念上说就是不一样id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。(1) 一个class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个class可以定义剧本中每个人物的故事线,你可以通过cSS,javascript等来使用这个类。因此你可以在一个页面上使用class=&Frodo& ,class= &Gandalf&, class=&Aragorn&来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的class。(2) id&通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头& masthead&,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会出现大于一次的情况。归纳成一句话就是:class可以反复使用而id在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个id不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。在实际应用的时候,class可能对文字的排版等比较有用,而id则对宏观布局和设计放置各种元素较有用。&&id具有唯一性,而class是一个类,适用于可多次重复使用的容器&&&关于ID和Name的一些注意事项当然HTML元素的name属性在页面中也可以起那么一点id的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定name元素的对象数组。如果页面中有n(n&1)个HTML元素的id都相同了怎么办?在DHTML对象中怎么引用他们呢?如果我们使用ASPX页面,这样的情况是不容易发生的,因为asp.net进程在处理aspx页面时根本就不允许有ID非唯一,这是页面会被抛出异常而不能被正常的render。但如果不是动态页面,我们硬要让id重复那IE怎么做呢?这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取id重复的那 些对象中在HTML Render时第一个出现的对象。而这时重复的id会在引用时自动变成一个数组,id重复的元素按Render的顺序依次存在于数组中,数组的脚下标依次表示id出现的先后顺序。参考推荐:
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:9016477次
积分:75121
积分:75121
排名:第12名
原创:676篇
转载:169篇
译文:16篇
评论:2883条
中科院、百度、创新工场、小米
系统架构设计师(2013)
软件设计师(2008)
程序员创业邦
青春,每一个有梦想的人
资深产品经理人
思与行,人人都是产品经理
爱脚本,爱技术
python、ruby、awk、shell
程序人生的平凡生活
汇聚百度、小米、微软、腾讯、
创新工场、阿里巴巴、日本雅虎
本CSDN博客,已全部移到了我的;
开源出脚本,供大家参考。
文章:18篇
阅读:141125
文章:52篇
阅读:492410
阅读:43030
文章:32篇
阅读:1913021
本博客内容,由本人精心整理
欢迎交流,欢迎转载,大家转载注明出处,禁止用于商业目的。
(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(1)(4)(4)(2)(4)(4)(4)(2)(8)(45)(13)(20)(18)(20)(16)(11)(20)(50)(10)(11)(11)(10)(15)(12)(15)(16)(10)(10)(14)(16)(16)(10)(10)(10)(12)(10)(10)(12)(10)(10)(10)(10)(10)(11)(12)(15)(15)(31)(17)(16)(12)(45)(16)(6)(9)(12)(27)(53)(2)(11)求助,获得网页上的div元素,没有id和name该如何获取
[问题点数:40分,结帖人zyb0565]
求助,获得网页上的div元素,没有id和name该如何获取
[问题点数:40分,结帖人zyb0565]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2014年4月 Delphi大版内专家分月排行榜第三2014年3月 Delphi大版内专家分月排行榜第三2013年5月 Delphi大版内专家分月排行榜第三2013年1月 Delphi大版内专家分月排行榜第三2010年11月 Delphi大版内专家分月排行榜第三2009年12月 Delphi大版内专家分月排行榜第三2009年11月 Delphi大版内专家分月排行榜第三
2012年4月 Delphi大版内专家分月排行榜第二2012年3月 Delphi大版内专家分月排行榜第二2012年1月 Delphi大版内专家分月排行榜第二2011年11月 Delphi大版内专家分月排行榜第二
2012年2月 Delphi大版内专家分月排行榜第三
2012年4月 Delphi大版内专家分月排行榜第二2012年3月 Delphi大版内专家分月排行榜第二2012年1月 Delphi大版内专家分月排行榜第二2011年11月 Delphi大版内专家分月排行榜第二
2012年2月 Delphi大版内专家分月排行榜第三
本帖子已过去太久远了,不再提供回复功能。js动态加载div显示主菜单和子菜单+jquery获取动态id
js动态加载div显示主菜单和子菜单+jquery获取动态id
& & 最近在做项目重构的主界面工作中,需要动态显示主菜单以及子菜单(各个界面的链接),查看原来老系统采用的是asp控件,但是重构的时候采用mvc框架,而且这些菜单并不是死的,而是通过其他界面来配置的,主菜单和子菜单都是数据库查询显示。因此,就想到了动态的拼接div来实现效果。
要实现的效果图
实现步骤:
第一步,查询主菜单名称
第二步,查询具体界面名称
第三步,更具菜单ID实现主菜单和子菜单的匹配
实现思路:
每个主菜单一个div,主菜单下的子菜单为一个整体的div,每个具体子菜单为li。
代码实现:
&span style=&font-family:KaiTi_GB2312;font-size:18&&$(function () {
$.post('/Main/QueryAllMenu', {}, function (data) {
$.post('/Main/QueryAllInterface', {}, function (data2) {
//添加的时候先清除div中的数据
$(&#menu-container&).empty();
//遍历向div中添加查询到的菜单
for (var n = 0; n & data. n++) {
var menuid = data[n].MenuID//子菜单div的动态id
$(&#menu-container&).append(
&&div class=menu-tit id=MenuName index=& + n + &&&input type=hidden
& & + data[n].MenuName + &&/div&&div class=menu-list &&div class=top-line&&/div&&ul class=nav-items id=& + menuid + &&&/ul&&/div&&
for (var i = 0; i & data2. i++) {
if (data[n].MenuID == data2[i].MenuID) {
$(&#& + menuid + &&).append(
&&li&&a href=& + data2[i].InterfacePath + & target=content id=WindowsName onclick=alertText('& + data2[i].InterfaceName + &')&& + data2[i].InterfaceName + &&/a&&/li&&)
Index.Init();
});&/span&
$(&#&+id+&&)获取动态id,所以上面$(&#& + menuid + &&)这句代码就容易理解了,动态获取菜单的id
运行后代码的拼接效果:
写在后面:
& & 至此基本功能实现了,下一步实现菜单的滑动效果,我也写了自己的div的拼接,原来这么简单,还有很多功能值得我去学习,下篇博客介绍菜单滑动效果实现。
我的热门文章
即使是一小步也想与你分享

我要回帖

更多关于 div class row 的文章

 

随机推荐