Question

我需要从图片中获取源src网址，如下面的HTML所示：

＆＃13;

$(document).ready(function() {
  $(".thumbnail").click(function() {
    var var1 = $(this).find('.thumbnail img').attr('src');
    console.log(var1);
    $('#main_image').attr('src', var1).load(function() {});
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="thumbnail">
<img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-002_b.jpg" width="200">
<img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-006_b.jpg" width="200">
<span>

<br /><br /><br />
Put inside this 
<img id="main_image" src="http://www.euroe-com.com/agv/graphics/added-desc/agv_0041A2HY-02211_415x500.jpg" width="400">

＆＃13;

我尝试了你发布的jQuery代码。

出于某种原因，它会抛出undefined。

以下是行动http://jsfiddle.net/1oaxue9h

Answer 1

出于某种原因，即使提供 Tidy 按钮，人们也懒得整理他们的代码。

Learn jQuery。您需要从选择器中删除.thumbnail才能工作。因为，你已经在这里，用this表示。由于this为.thumbnail，因此只需find("img")即可。

var var1 = $(this).attr('src');

您还有一个未公开的<span>，需要将其更改为</span>。

＆＃13;

$(document).ready(function() {
  $(".thumbnail img").click(function() {
    var var1 = $(this).attr('src');
    console.log(var1);
    $('#main_image').attr('src', var1).load(function() {});
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="thumbnail">
  <img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-002_b.jpg" width="200">
  <img src="http://www.euroe-com.com/agv/graphics/agv_0041A2HY-006_b.jpg" width="200">
</span>

<br /><br /><br />
Put inside this 
<img id="main_image" src="http://www.euroe-com.com/agv/graphics/added-desc/agv_0041A2HY-02211_415x500.jpg" width="400">

＆＃13;

通过jQuery获取图像点击src并放入另一个图像src

1 个答案: