根据另一个设置一个div的宽度

Question

我遇到了以下问题。每次用户单击锚点时，我都需要设置一个 div 的宽度。此 div 的宽度应取自另一个 div。如何做到这一点？

以下代码不起作用（请记住，该脚本包含在 PHP echo 中）：

jQuery(".geother").click(function(){
var pos=$("p.second").width() + "px";
jQuery("#headerRightContactPhone span").css(\'width\', pos);
}

编辑（我还需要另外的东西，我想应用到“geother” div CSS left，这将是 pos width+230px 的负值）：

jQuery(".geother").click(function(){
   var pos = $("p.second").width(); // don't need to use 'px'
   jQuery("#headerRightContactPhone span").css('width', pos); // don't need escaping
   $(this).css('left', ((230+pos)*-1) );
});

Answer 1

jQuery(".geother").click(function(){
   var pos = $("p.second").width(); // don't need to use 'px'
   jQuery("#headerRightContactPhone span").css('width', pos); // don't need escaping
}); //  you missed ');' here

注意

您应该需要将display: block 提供给您的span 或使用任何块元素，例如div、p 等。

jQuery(".geother").click(function(){
       var pos = $("p.second").width(); // don't need to use 'px'
       jQuery("#headerRightContactPhone span").css({
                     width: pos, 
                     display: 'block',
                     left: '-' + (230+pos)
               }); // don't need escaping
    }); 

Answer 2

您是否对 span 元素应用宽度？这就是问题所在。将 span 设为块或使用 div。