jquery操作css相同class的節點

平時的工作中有時候需要同時操作多個class相同的節點，這裡使用jquery操作css相同class的節點。

如果直接使用$(『.class』).val();或$(『.class』).attr(」);則只能獲取第一個class為指定值的dom節點。

如果想獲得所有class為指定值的dom節點，則需要先獲取數組，再遍曆數組以此獲取每一個節點對應的屬性值。

下面是例子：

例如有如下html代碼:

對應操作的js代碼：

varidArr=newArray();

varidsContainer=$(".class_example");//獲取所有節點的dom數組

varlen=idsContainer.length;//數組長度

for(varindex=;index

var$container=$(idsContainer[index]);//循環遍歷每一個dom節點

varid=$container.attr("fid");//獲取屬性值

// or

varid=$container.val();

alert(id);

idArr.push(id);

}

//數組轉字元串

ids=idArr.join( , );

//數組轉字元串轉數組

str.split("")

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！