如何在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())