gpt4 book ai didi

javascript - jQuery 将新创建的元素设置为动态元素当前样式

转载 作者:太空宇宙 更新时间:2023-11-04 01:27:41 24 4
gpt4 key购买 nike

我有一个元素,出于通信目的,我们将调用 $elA,它在运行时通过 .animate() 更改了一些 CSS 属性

例如:

$elA.stop().animate({
top: `${Math.floor(Math.random()*99)}%`,
left: `${Math.floor(Math.random()*99)}%`,
width: '15px',
height: '15px',
opacity: '1.0'
//etc etc etc
});

当某个事件稍后在代码中触发时,我需要创建一个 $elA 的克隆。出于交流目的,我们称其为 $elB

在此事件期间,我如何做类似于 $elB.css = $elA.css 的事情?它不需要是一个 jQuery 方法,或者它可以没有问题,我只是不确定是否有一种优雅的方式来处理这种情况,因为 DOM 的属性没有与之关联的当前类我希望克隆的元素不存在于工作表中的任何位置。

谢谢。

最佳答案

如果您只需要克隆样式,您可以使用这样的函数:(Fiddle hier: https://jsfiddle.net/taxostd0/2/)

function copyStyles(from, to) {
var fromStyles = getComputedStyle(from);
for(prop in fromStyles) {
to.style[prop] = fromStyles[prop];
}
}

然后这样调用它:

copyStyles($elA[0], $elB[0]);

关于javascript - jQuery 将新创建的元素设置为动态元素当前样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47737890/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com