Javascript 将值从一个元素复制到另一个元素

我有两对元素。第一对是

.original

，它包含子元素，每个子元素都有特定的字体大小。第二个是

.copy

，它的子元素中没有定义字体大小

当用户单击一个

.original

元素时，它应该将css

字体大小

从它的子元素复制到

.copy

元素的子元素，并使用相同的索引。例如，如果用户单击第一个

.original

元素，则字体大小值应复制到第一个

.copy

元素的子元素

目前，我只能通过下面的循环复制最后一个字体大小值

$（'.original'）。单击（函数（）{
$（this.find（'div'）。每个（函数（i）{
font=$（this.css（'font-size'）；
len=$（this）.length；
对于（变量i=0；i

div{
显示：内联块；
宽度：100%；
}
div>div{
显示：内联块；
内容：“；
宽度：30px；
高度：30px；
浮动：左；
}
.原件{
背景:#bbb ;；
光标：指针；
}
.original>div{
右边填充：10px；
}
.复制{
宽度：100%；
显示：块；
边缘顶部：20px；
明确：两者皆有；
}
.copy>div{
字体大小：10px；
}

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

您可以这样做：

$（'.original'）。单击（函数（）{
var original_divs=$（this）.find（'div'），
index=$（this.index（'.original'）；
$（'.copy'）.eq（index）.find（'div'）.each（函数（i）{
$（this.css（'font-size'，original_divs.eq（i）.css（'font-size'））；
});
})

/*您的原始CSS*/div，div>div{display:inline block}div{width:100%}div>div{content:”；宽度：30px；高度：30px；float:left}。原始{background:#bbb；光标：指针}。原始>div{padding right:10px}。复制{width:100%；显示：block；页边顶部：20px；清除：两个}。复制>div{font size:10px}

---

testtest

您可以这样做：

$（'.original'）。单击（函数（）{
var original_divs=$（this）.find（'div'），
index=$（this.index（'.original'）；
$（'.copy'）.eq（index）.find（'div'）.each（函数（i）{
$（this.css（'font-size'，original_divs.eq（i）.css（'font-size'））；
});
})

/*您的原始CSS*/div，div>div{display:inline block}div{width:100%}div>div{content:”；宽度：30px；高度：30px；float:left}。原始{background:#bbb；光标：指针}。原始>div{padding right:10px}。复制{width:100%；显示：block；页边顶部：20px；清除：两个}。复制>div{font size:10px}

---

testtest

您可以这样尝试

$（'.original'）。单击（函数（）{
$（'.+$（this.data（'target'））.html（$（this.html（））；
})

div{
显示：内联块；
宽度：100%；
}
div>div{
显示：内联块；
内容：“；
宽度：50px；
高度：30px；
浮动：左；
}
.原件{
背景:#bbb ;；
光标：指针；
}
.original>div{
右边填充：10px；
}
.复制{
宽度：100%；
显示：块；
边缘顶部：20px；
明确：两者皆有；
}
.copy>div{
字体大小：10px；
}

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

您可以这样尝试

$（'.original'）。单击（函数（）{
$（'.+$（this.data（'target'））.html（$（this.html（））；
})

div{
显示：内联块；
宽度：100%；
}
div>div{
显示：内联块；
内容：“；
宽度：50px；
高度：30px；
浮动：左；
}
.原件{
背景:#bbb ;；
光标：指针；
}
.original>div{
右边填充：10px；
}
.复制{
宽度：100%；
显示：块；
边缘顶部：20px；
明确：两者皆有；
}
.copy>div{
字体大小：10px；
}

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

是的，我知道，但是我的数据/测试可能会改变，所以我只需要复制css值。啊！我懂了！好的（y）@g5wxYes我知道，但是我的数据/测试可能会改变，所以我只需要复制css值。啊！我懂了！g5wx下的Ok（y）