javascript - 创建更大的盒子副本

Question

我已经创建了包含图像、标题、链接和少量数据的框:

Fiddle Example

我想创建一个 div 框的副本，它应该比实际大一点。实际上，我想在悬停时以稍大的尺寸突出显示它。

我通过增加高度在 item2 类中创建了第二个副本，但没有效果。

有人能告诉我怎么做吗？

我在谷歌搜索时发现了这个

$('#theDiv').clone().css('-webkit-transform', 'scale(.125, .125)');

和

var w = $("#thediv").width();
  var clone = $('#thediv').clone().css("width", w/8);

但我想不通。

Answer 1

您在重复 ID。 ID 在 HTML 中必须是唯一的，JavaScript 将只搜索它找到的第一个 ID，不会再搜索更多:

var w = $("#thediv").width();
var clone = $('#thediv').clone().attr('id', 'newId').css("width", w/8);