Question

使用JavaScript和JQuery并强调

目前我有以下

<div id="select"></div>

由以下代码填充

$(document).ready(function () {
    $('.go img').css('cursor', 'pointer');
    $('.go').on('click', 'img', function (e) {
        $(this).width(100).height(100).appendTo('#select');

所以目前只有img被取出并放在#select里面，但我也希望它包含item.A item.C和item.C

但我不确定如何更改$(document).ready(function () {代码块来实现此目的？

我以为我可能需要给div一个id并引用它？

我已经能够通过连接代码块来获取所有内容，但这不是我希望它如何工作，我希望每个元素分开，以便我可以用CSS来定位它。

_.each(Badges, function (item) {
    var wrapper = $('<div class="wrapper"></div>');
    wrapper.append('<img class="images BadgeImgOutline responsive-image" src="' + item.imageURL + '" />');
    wrapper.append('<div>' + item.A + '</div>');
    wrapper.append('<div>' + item.B + '</div>');
    wrapper.append('<div>' + item.C + '</div>');
    $('#container').append(wrapper);
});

Answer 1

您可以使用jQuerys＆＃34; .parent（）＆＃34;获取img标记的父级的方法 - 在这种情况下是你的包装div并将其添加到你的选择。

代码看起来像这样：

$(this).width(100).height(100);
$(this).parent().appendTo('#select');

缩小图像并将整个包装器（包括img和item）附加到您的选择中。

希望这有帮助

如何在点击操作后将元素复制到div中？

1 个答案: