如何追加不同类名javascript的元素

Question

您好我正在尝试将元素从类名称追加到一个集合中，但会出错。

var temp=document.getElementsByClassName("test");
temp.push(document.getElementsByClassName("we"));

Answer 1

那是因为getElementsByClassName返回NodeList，这是一个类似数组的对象，没有push方法。您应该将NodeList转换为数组，然后使用push方法。

var temp = [].slice.call(document.getElementsByClassName("test"));

temp.push(...);

或者，您可以使用querySelectorAll方法：

var list = document.querySelectorAll('.test, .we');

如果你正在加载jQuery：

var $collection = $('.test, .we');

Answer 2

您正在使用jQuery。你可以这样做：

$('.test, .we')

还有jQuery .add()方法可以像：

一样使用

$('.test').add('.we')

Answer 3

通过使用JQuery，您可以轻松获取类的所有元素，然后将这些元素放入另一个类中。

有一个解决此问题的代码：

$(document).ready(function(){
  var a= $(".classname1").html();
  $(".classname2").html(a);
});

此代码可帮助您获取Classname1的所有元素，然后您可以将它们放入Classname2。