作者:zccst
使用jquery操作相同class的dom节点,会给实际的工作带来很大的便利。
如果直接使用$('.class').val();或$('.class').attr('');则只能获取第一个class为指定值的dom节点。
如果想获得所有class为指定值的dom节点,则需要先获取dom数组,再遍历dom数组以此获取每一个节点对应的属性值。
实例:
在某页面
操作该页面的js代码
然后通过get/post/ajax发送至后端,做后续处理。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
[img]http://dl2.iteye.com/upload/attachment/0109/0668/fb266dfa-95ca-3d09-b41e-5f04a19ba9a1.png[/img]
使用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发送至后端,做后续处理。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
[img]http://dl2.iteye.com/upload/attachment/0109/0668/fb266dfa-95ca-3d09-b41e-5f04a19ba9a1.png[/img]