javascript - js jQuery，有没有办法在属性中设置/获取多值？

Question

我正在尝试为具有多个值的元素设置一个属性。可能吗？

我想获取div元素的大小(高，宽)，将其设置在一个数组中，然后将数组设置为属性值。

我做的是这样的:

function originBoxSize() {
    each('body div', function () {
        var boxSize = [$(this).css('height'), $(this).css('width')];// get the box size 
        $(this).attr('wcag-origin-box-size', boxSize); // set an new attr with boxsize value
    });

}

现在 boxSize 包含 ["102px", "499px"]

attr 看起来像这样:

wcag-origin-box-size="102px,499px"

当我想获取 attr 值时，我输入以下行:

$('#element').attr('wcag-origin-box-size')

结果是这样的:"102px,499px" 这是一个字符串。

有没有办法只从属性(高度或宽度)中获取特定值？

提前致谢。

Answer 1

属性值必须是字符串，所以浏览器将数组转换成字符串。字符串化数组的结果等于调用 Array.prototype.join 方法。

将字符串转成数组，可以逆向进行:按,拆分:

var array = value.split(',');

您的另一个选择是使用 jQuery .data()可以按原样存储数组的方法。

The new data value [...] can be any Javascript type except undefined.

$(this).data('wcag-origin-box-size', boxSize);