Question

我是JS的新手。我正在尝试编写一些脚本来更改我的图像并添加一些ID。我有两个图像，它们是模态。当您单击它们时，它们会显示更多选项，然后它们会替换图像。我想添加一些id，然后写一些函数来根据图像总结价格。我希望大家不要对我的语言感到困惑：）

我的js改变img：

 function changeImage(element) {
    document.getElementById('myDivision').src = element;
}  

(function ($) {
    "use strict";

    var closeModalBtn = $('#myModal').find('.close-division').first();

    $(document).ready(function () {
        $('.swap-img').on('click', function () {
            changeImage($(this).data('image'));
            closeModalBtn.trigger('click');
            return false;
        });
    });
})(jQuery);

Answer 1

您真的不需要创建函数changeImage。

只需输入$(this).attr('src', $(this).data('image'));

，您也可以使用jquery更改来源

另外，要向任何elemnt添加id，只需输入即可 $('YOUR_ELEMENT').attr('id', YOUR_ID)。使用.attr()方法，您可以在元素上创建所需的任何属性，并从可以使用$(YOUR_ELEMENT).attr('ATTRIBUTE_NAME')的属性中检索数据。获取src的示例，您可以使用$(this).attr('src')。

请注意，如果你使用id来引用你的元素，你想使用$('#YOUR_ELEMENT')，如果你使用了一个类，那么你使用$('.YOUR_ELEMENT')

更改图片并添加ID

1 个答案: