如何在jQuery中设置元素的宽度

Question

如何将#book的宽度设置为#clickme a的宽度？如果我在回调函数中说$（this）.width（），它会给我＃book的宽度。＃clickme中有多个锚标签。我需要在动画结尾处增加宽度，一看让我知道

$('#clickme a').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    //set width of #book to width of #clickme a item 
    }); 
}); 

谢谢

Answer 1

$('#clickme a').click(function() { 
    var aWidth = $(this).css("width");//alert(aWidth); 
    $('#book').animate({ 
     opacity: 0.25,  left: '+=50',  height: 'toggle' }, 500, 
     function() { 
      //set width of #book to width of #clickme a item 
      //alert($(this).css("width")); 
      $(this).css("width",aWidth); 
     }); 
}); 

Answer 2

基于OP评论更新时间：

$("#clickme a").click(function() { 
    var clicked = $(this); 
    $("#book").animate({ 
     opacity: 0.25, 
     left: "+=50", 
     height: "toggle" 
    }, 5000, function() { 
     $(this).css("width", clicked.width()) 
    }); 
}); 

Answer 3

$('#clickme a').click(function() { 
    var _w = $(this).width(); 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 

    }, 5000, function() { 
    $(this).width(_w); 
    }); 
}); 

Answer 4

你可以尝试这样的...

$('#clickme a').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    $(this).css('width','500'); 
    }); 
}); 

Answer 5

$('#book').width($("#clickme a").width())