jquery - jquery find img 在特殊情况下返回未定义

Question

为了描述我的情况，这就是我所拥有的：

javascript代码：

$("#tf_zoom").live("click",function() {

    console.log($("#dynam").attr("src"));
}

在这里我第一次得到值但是在滑块改变图像后我得到未定义

我也试过：

console.log($(this).find("img").attr("src"));

但这根本不起作用。

html代码：

<div id="tf_thumbs" class="tf_thumbs">
            <span id="tf_zoom" class="tf_zoom"></span>
            <img id="dynam" src="http://localhost/mala/assets/uploads/files/c9ab2-1.jpg" alt="Thumb1"/>
        </div>

我提到的问题是滑块更改了图像并将img标签修改为新src属性。

所以我该怎么做。

任何帮助将不胜感激。

Answer 1

正如@François Wahl 在他的评论中提到的那样，我正在#tf_zoom用作我的图像标签的父级，这是我出错的地方。所以，我编辑了我的代码以.tf_thumbs用作我的图像标签的父级，现在它正在工作。

 $("#tf_zoom").live("click",function() {

    var n = $(".tf_thumbs").find("img").attr("src");
    //var imagespathes = {};
    //console.log($(".tf_thumbs").find("img").attr("src"));
    var modelid = n.substr(43); 


    $.post("models/get_gallery", { "modelid": modelid },
  function(data){
        //console.log(data);
        var imagespathes = $(data).map(function(key, url){
        return({ href: '<?php echo base_url();?>assets/uploads/files/' + url });
      });
      console.log(imagespathes);
  $.fancybox.open(imagespathes);
  }, "json");

            });