将数据存储在也包含元素的var中

Question

是否可以获得如下对象：

p.box = $('.box');

然后还将信息存储在相同的var中，例如它的宽度，高度，名称，数组：

p.box{
  height: 10,
  width: 10,
  name: bunny
}

我真的不想将它作为.data存储在html元素上。还有另一种方式吗？

Answer 1

你可以使用$ .extend（object1，object2），你可以在这里找到文档（http://api.jquery.com/jquery.extend/）。

实施例，

var x = $.extend( $('.box'), { height: 10, width: 10, name: "bunny" });

因此，您可以访问

等数据

的console.log（x.height）;

希望这有帮助！

Answer 2

由于$('.box')返回一个jQuery对象，它应该存储在（var的）不同属性中。 这是一个例子：

p.box.obj = $('.box');
p.box.props = {
  height: 10,
  width: 10,
  name: bunny
}

p.box.props将保存包含信息的对象。要获得name的值，请使用p.box.props.name。

你有什么特别的理由不想在html元素中存储信息吗？