js获取id的方法

 如table表格td元素绑定hover()函数，弹出id。

$("td").hover(function () {

                  alert($(this)[0].id);  //弹出id，当前选定元素的id

                }, function () {

                    $(this).css("color", "blue");

                })

但是要点击获取选定元素的id值，如下面：

<span id='rab_1' class='span'><a 'javascript:void(0);'onClick='showNote($(this).parent(0)[0].id)'>"+price+ "</a></span>

showNote()函数：

function showNote(b){

                alert(b);

            };  //显示”rab_1”

这里有两点注意：当前点击标签是<a>,获取是父标签<span>id，所以$(this)要加上parent(0)，$(this).parent(0)，另外是集合中第一个元素的id，故还要加上下标[0]，因此形式是：$(this).parent(0)[0].id

ID是html页面中一些元素都可以有个本页面唯一的id包括如,div,input,iframe等等都是可以的。通过jquery 获取id值方法：

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

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

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

获取不同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