js获取id的方法

这里讲述java script获取元素id的方法。

如table表格td元素绑定hover()函数，前提每个td都有一个id，弹出td元素的id。

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

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

                }, function () {

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

                })

但是要点击获取选定元素如<span>标签的id值，如下面：

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

showID()函数：

function showID(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 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

欢迎阅读、分享，转载和使用请注明出处，文章来自三里河之光-风、物、情