作者:zccst
使用jquery操作相同class的dom节点,会给实际的工作带来很大的便利。
如果直接使用$('.class').val();或$('.class').attr('');则只能获取第一个class为指定值的dom节点。
如果想获得所有class为指定值的dom节点,则需要先获取dom数组,再遍历dom数组以此获取每一个节点对应的属性值。
实例:
在某页面
//在foreach中 if(in_array($f->parts_type,$matchedTypesArr)){ echo "<input type=hidden class=canbe_to_batch_id fid={$f->id} />"; // or echo "<input type=hidden class=canbe_to_batch_id value={$f->id} />"; }
操作该页面的js代码
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发送至后端,做后续处理。