jquery操作css相同class的节点

JavaScript 前端客 3867℃ 0评论

平时的工作中有时候需要同时操作多个class相同的节点,这里使用jquery操作css相同class的节点。

如果直接使用$(‘.class’).val();或$(‘.class’).attr(”);则只能获取第一个class为指定值的dom节点。

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

下面是例子:

例如有如下html代码:

<input class="class_example"  />
<input class="class_example"  />
<input class="class_example"  />
<input class="class_example"  />

对应操作的js代码:

var idArr = new Array();

var idsContainer = $(".class_example");  //获取所有节点的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("")
版权所有,转载请注明:前端客 » jquery操作css相同class的节点
喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)