【问题标题】:Jquery - Extract string from object [duplicate]Jquery - 从对象中提取字符串[重复]
【发布时间】:2014-03-25 05:42:12
【问题描述】:

使用这个代码-sn-p:

shownImg = $(".images img", selector).first().fadeIn(2000);

我在控制台中得到了这个示例输出:

Object[img thumb61h.jpg]    

我的问题是:

如何从该对象中提取“thumb61h.jpg”并将其保存在变量中?

有人知道吗??问候!

【问题讨论】:

  • var src = $(shownImg).attr('src');
  • 你能发布你的html吗?
  • 或者只是显示Img[0].src - 你不需要初始化另一个jQuery对象来获取源代码,因为它可以直接由dom获得
  • @RajeshCP:更好:shownImg.attr('src');shownImg 已经是一个 jQuery 对象。

标签: javascript jquery string object extract


【解决方案1】:

使用此代码:

var src = $(".images img", selector).first().attr('src');

【讨论】:

  • 我需要从 "shownImg" 中获取,否则 "src" 是未定义的,你知道另一种方法吗?
  • 嗯我不太明白,为什么src未定义,为什么存储在showImg中会影响它?
  • @user3297073:这没有意义。请创建一个重现问题的jsfiddle.net
  • 这里是场景:jsfiddle.net/X9n6u/2,这一行很重要:if(shownImg) { console.log(shownImg) },你怎么看?
  • @user3297073:我不知道你从哪里得到undefined,但var src = $(".images img", selector).first().attr('src');不是undefinedjsfiddle.net/X9n6u/3
【解决方案2】:

我玩过你的小提琴,它用你的图片 src 发出警报

alert(shownImg.attr('src'));

完整的小提琴代码:

var shownImg;
function anim(selector) {
    $(".images img", selector).first().appendTo($('.images', selector)).fadeOut(2000);  
    shownImg = $(".images img", selector).first().fadeIn(2000);
    alert(shownImg.attr('src'));
    //var src = $(".images img", selector).first().attr('src');
}

// Untuk delay gambarnya
var i = 0, max = 3;
myFunction = function(event){
    $(".subbox1").each(function() {anim(this)});
    i += 1;
    if(i >= max) { i = 0; }
    //alert(shownImg)
    if(shownImg) { console.log(shownImg) }
}

var interval = setInterval(myFunction, 5000);

$(".slider").hover(function() {
    clearInterval(interval);
    var img = $('<img>'); 
img.attr('src', $(this).attr('data-url'));
    $('#newImage').html(img);
    $('.images').hide();
    return false;
    i += 1;
    $(".subbox1").each(function() {anim(this)});

});

$(".slider").mouseout(
    function (){
        $('.images').show();
       // $('#newImage').hide();
interval =   setInterval(myFunction, 5000);
    }
);

【讨论】:

    猜你喜欢
    • 2020-04-22
    • 2020-06-03
    • 1970-01-01
    • 2019-04-30
    • 1970-01-01
    • 1970-01-01
    • 2021-05-22
    • 2020-06-18
    • 1970-01-01
    相关资源
    最近更新 更多