Question

您好，我目前正在处理各种目录，并且正在尝试单击图像时将其放大。我有像onmouseclick这样的JavaScript功能，可以很好地工作，但是似乎无法使扩大功能中的JQuery定位到单个图像。例如，如果我尝试放大列表中的第二条记录，则所有图像都会被放大，而不仅仅是我选择的那张。

这是您可以在下面看到的功能，我正在设置产品图像的宽度和高度。我想使用x使用具有上述样式的功能。有没有办法做到这一点？任何信息将不胜感激。

function normalImg(x) {
    x.style.fontSize = "15px";
    x.style.maxWidth = "90%";
    x.style.height = "auto";
    $('.product').width(350);
    $('.product').height(250);
}

上述函数中x.styles设置的信息也正在xmlParser函数中使用，我根本不知道这是否重要。

Answer 1

如果我了解您的问题，那么您的问题就是这个jQuery选择器： $（“。product”）选择具有类产品的所有，而不仅仅是您单击的产品。为了解决这个问题，我可能会在产品类上使用事件侦听器，以便您可以使用“ this”来引用被单击的产品，然后在其中查找并调整img的大小。整个结束看起来可能像这样：

$('.product').on('click', function(){
    $(this).css({width: '350px', height: '250px'})
    .find('img').css({maxWidth: '90%', height: 'auto', fontSize: '15px'});
});

如何使用Jquery设置X图像的大小

1 个答案: