jquery中获取id值方法小结
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
先判断是jquery对象还是html对象, 如果是jquery对象, 可以直接用 jquery对象.attr("id")获取
如果是html对象,可以用 html对象.id 或者 $(html对象).attr("id")
一般来说 $("#id").val()或者
下面程序员之家小编就整理一下常用几种获取方式
例如页面内容如下
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>jquery获取id值—程序员之家</title> <script type="text/javascript" src="http://9i0i.com/pic.php?p=http:none"></script> </head> <body> <div id="jb51"><a href="">程序员之家</a></div> <div id="jb51txt">程序员之家</div> <div class="jb51class">程序员之家</div> <input type="text" value="jb51net" class="okjb51" /> <script> var title=$('title').text(); console.log(title); //因为title是标签不用加 .或者 # var idjb51=$('#jb51').html(); //id使用# var idjb51txt=$('#jb51txt').html(); </script> </body> </html>
测试
$('#jb51').html() //'<a href="">程序员之家</a>' $('#jb51').text() //'程序员之家'
如果只想获取文字就用
$('#jb51').text()
'程序员之家'
如果想获取里面的html元素就用
$('#jb51').html()
'<a href="">程序员之家</a>'
id与classj就是.与#的区别,但一般来说class都是复用的,需要判断究竟要第几个。
如果是想获取页面中的制定id或者一些自定义属性值就需要用attr、prop、data等方式,具体的可以参考这篇文章
<div id="product"> </div> <script language = "JavaScript" type="text/javascript"> $(document).ready(function(){ name = $('div').eq(0).attr('id'); alert(name) });
eq(0)是取第一个jq元素。。。
eq(index)
匹配一个给定索引值的元素
Matches a single element by its index.
返回值
Element
参数
index (Number) : 从 0 开始计数
示例
查找第二行
HTML 代码:
<table> <tr><td>Header 1</td></tr> <tr><td>Value 1</td></tr> <tr><td>Value 2</td></tr> </table>
jQuery 代码:
$("tr:eq(1)")
结果:
[ <tr><td>Value 1</td></tr> ]
获取不同id的值
<script src="http://9i0i.com/pic.php?p=js/jquery.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ var len = $("#group span").size();//获取span标签的个数 var arr = []; for(var index = 0; index < len-1; index++){//创建一个数字数组 arr[index] = index; } $.each(arr, function(i){//循环得到不同的id的值 var idValue = $("#group span").eq(i).attr("id"); if(idValue != ''){ alert(idValue); } }); }); //--> </script> <span id="group"> <span id="0_1">aaa, <span group_id="0_1" class="icon_close"> </span> </span> <span id="0_2">bbb, <span group_id="0_2" class="icon_close"> </span> </span> <span id="0_3">ccc, <span group_id="0_3" class="icon_close"> </span> </span> <span id="0_4">ddd, <span group_id="0_4" class="icon_close"> </span> </span> <span id="0_5">eee, <span group_id="0_5" class="icon_close"> </span> </span> </span>
这样就会得到你想要的所有的id:
0_1
0_2
0_3
0_4
0_5
文本框,文本区域:
$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容
多选框checkbox:
$("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
到此这篇关于jquery中获取id值方法小结的文章就介绍到这了,更多相关jquery获取id内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!
相关文章
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
JQuery是一个优秀的Javascript类库,使得我们曾经对JavaScript的痛恨不再,越来越喜欢上了JavaScript,而且更好的是他的plugin众多.2009-10-10jQuery插件form-validation-engine正则表达式操作示例
这篇文章主要介绍了jQuery插件form-validation-engine正则表达式操作,结合实例形式分析了jQuery插件form-validation-engine进行正则验证操作的相关技巧,需要的朋友可以参考下2017-02-02jQuery增加、删除及修改select option的方法
这篇文章主要介绍了jQuery增加、删除及修改select option的方法,涉及jQuery针对form表单中select选项的常见操作技巧,需要的朋友可以参考下2016-08-08jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
本文为大家想你想介绍下jquery实现页面动态数据的滚动效果。似乎只有通过div-ul-li标签嵌套的方式才能实现表格多行多列的滚动效果2013-07-07jQuery Ajax 实现分页 kkpager插件实例代码
本文通过实例代码给大家讲解了jQuery Ajax 实现分页 kkpager插件功能,需要的的朋友参考下吧2017-08-08jquery+swiper组件实现时间轴滑动年份tab切换效果
这篇文章主要介绍了jquery+swiper组件实现时间轴滑动年份tab切换效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-12-12
最新评论