首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery操作雷同class的dom节点

2012-07-22 
jquery操作相同class的dom节点作者:zccst使用jquery操作相同class的dom节点,会给实际的工作带来很大的便利

jquery操作相同class的dom节点
作者:zccst

使用jquery操作相同class的dom节点,会给实际的工作带来很大的便利。
如果直接使用$('.class').val();或$('.class').attr('');则只能获取第一个class为指定值的dom节点。

如果想获得所有class为指定值的dom节点,则需要先获取dom数组,再遍历dom数组以此获取每一个节点对应的属性值。

实例:
在某页面

var idArr = new Array();var idsContainer = $(".canbe_to_batch_id");  //获取所有节点的dom数组var len = idsContainer.length;               //数组长度for(var index = 0; index < len; index++){    var $container = $(idsContainer[index]); //循环遍历每一个dom节点    var id  = $container.attr("fid");//获取属性值    // or     var id  = $container.val();    alert(id);    idArr.push(id);}//数组转字符串ids = idArr.join(',');//数组转字符串转数组str.split("")


然后通过get/post/ajax发送至后端,做后续处理。

热点排行