jquery操作相同class的dom节点

作者：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发送至后端，做后续处理。

如果您觉得本文的内容对您的学习有所帮助，您可以微信：