zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery中获取id值方法小结

jQuery方法 获取 ID 小结
2023-06-13 09:15:05 时间

复制代码代码如下:


<divid="product_shift_out_{m}"></div>
<scriptlanguage="JavaScript"type="text/javascript">
$(document).ready(function(){
name=$("div").eq(0).attr("id");
alert(name)
});
</script>

eq(0)是取第一个jq元素。。。

eq(index)
匹配一个给定索引值的元素

Matchesasingleelementbyitsindex.
返回值
Element

参数
index(Number):从0开始计数

示例
查找第二行

HTML代码:

复制代码代码如下:


<table>
<tr><td>Header1</td></tr>
<tr><td>Value1</td></tr>
<tr><td>Value2</td></tr>
</table>

jQuery代码:

复制代码代码如下:
$("tr:eq(1)")

结果:

复制代码代码如下:
[<tr><td>Value1</td></tr>]

获取不同id的值

复制代码代码如下:

<scriptsrc="js/jquery.js"></script>
<scripttype="text/javascript">
<!--
$(document).ready(function(){
varlen=$("#groupspan").size();//获取span标签的个数
vararr=[];
for(varindex=0;index<len-1;index++){//创建一个数字数组
arr[index]=index;
}
$.each(arr,function(i){//循环得到不同的id的值
varidValue=$("#groupspan").eq(i).attr("id");
if(idValue!=""){
alert(idValue);
}
});
});
//-->
</script>
<spanid="group">
<spanid="0_1">aaa,
<spangroup_id="0_1"class="icon_close"> </span>
</span>
<spanid="0_2">bbb,
<spangroup_id="0_2"class="icon_close"> </span>
</span>
<spanid="0_3">ccc,
<spangroup_id="0_3"class="icon_close"> </span>
</span>
<spanid="0_4">ddd,
<spangroup_id="0_4"class="icon_close"> </span>
</span>
<spanid="0_5">eee,
<spangroup_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)//判断是否已经打勾