Question

我的图像包含在带有类的div中，图像具有'alt'和'width'属性。

我正在使用alt属性来区分图像和其他图像。其他图像也在同一个div和class中。我想点击我选择的图片，点击后它会带我到网址为“www.google.com”的网页。

如何使用alt属性绑定到click事件并实现此逻辑？

是否可以使用JQuery或Javascript进行此操作？

这是我的代码，但它不起作用。我该如何解决这个问题？

$('img[alt="Example"]').on("click", "a,img", function (e) {
      e.preventDefault();
      document.location = 'www.google.com';
  });

Answer 1

    $(document).ready(function() {
        $('img.thumbnail').click(function() {
            console.log();
            window.location.href = this.alt;
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="bottle.jpg" alt='https://www.google.co.in' src="http://placehold.it/150x150" class="thumbnail" id="bottle" />
<img src="glass.jpg" alt='https://www.google.co.in' src="http://placehold.it/150x150" class="thumbnail" id="glass" />

使用img alt属性

1 个答案: