jquery中获取id值方法小结
先判断是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=utf-8" />
<title>jquery获取id值—脚本之家</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div id="jb51"><a href="https://www.jb51.net">脚本之家</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="https://www.jb51.net">脚本之家</a>'
$('#jb51').text()
//'脚本之家'如果只想获取文字就用
$('#jb51').text()
'脚本之家'
如果想获取里面的html元素就用
$('#jb51').html()
'<a href="https://www.jb51.net">脚本之家</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="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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
在京东或者是天猫上可以看到左侧分类导航菜单，当鼠标滑过导航分类时，会出现详细分类模块，鼠标移开就会恢复默认样式，下面小编给大家带来了基于 mouseenter()和mouseleave()实现仿京东/天猫商品左侧分类导航菜单效果，一起看看吧2016-06-06
获取select的value、text值的简单示例（jquery与javascript）
本篇文章主要分享了获取select的value、text值的简单示例代码，代码简洁明了，有需要的朋友可以参考下2016-12-12
本文罗列了23款目前非常受欢迎的jQuery插件，可以轻松建立起唯美的图片切换特效的相册功能，并且其中的一些还支持视频和Flash。2011-04-04
当鼠标移动时出现特效，在某些情况下还是比较实现的，下面为大家介绍下通过JQuery是如何实现的，具体如下，感兴趣的朋友可以参考下2013-11-11
本节主要介绍了jquery如何取子节点及当前节点属性值,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了详解ECharts使用心得总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
老生常谈jquery中detach()和remove()的区别
下面小编就为大家带来一篇老生常谈jquery中detach()和remove()的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
正好项目中有个小需求, 要求把表格指定列中内容相同的单元格进行合并,本质上涉及的就是td的rowspan属性, 数出含相同内容单元格的个数, 然后给第一个与上一行内容不同的td其rowspan属性附上正确的值即可, 为了能直观的理解2011-04-04
jquery创建一个新的节点对象(自定义结构/内容)的好方法
jq创建一个新的节点对象,这对一些自定义功能很有帮助，而且可以随意控制对象的结构与内容，何乐而不为呢，看到这里，相信有些朋友已经按耐不住了，好记下来为大家介绍实现方法，感兴趣的朋友可以了解下哦2013-01-01
最新评论