jquery调整大小适用父宽度

Question

如何将li的宽度应用于a？这应该发生在调整大小。 所以a总是有li宽度。

http://jsfiddle.net/JCVnY/5/

var parentWidth = $('ul li').parent().width(); 
var $window = $(window); 
$window.resize(function resize() { 
    $('ul li').each(function() { 
     if ($(this).closest('a').length == 1) { 
      parentWidth = $(this).closest('a').css('width').replace('px', ''); 
     } 
    }); 
} 

Answer 1

你可以这样做：

var $window = $(window); 
$window.resize(function() { 
    $('ul li').each(function() { 
     var parentWidth = $(this).width(); 
     if ($(this).find('a').length) { 
      $(this).find('a').width(parentWidth) 
     } 
    }); 
}); 

Updated Fiddle

Answer 2

如果你的锚标记有“块”是应该使锚元素取宽度它的父容器的CSS属性。在这种情况下，它是“li” - 默认情况下，它是块级元素。

如果你是浮动你的列表元素，给你的“李”元素的宽度（使用CSS）。然后就像现在你可以使用“inline-block”给你的锚标签一个宽度（和/或高度）。

Answer 3

为dragonslovetaco的所指出的，你真的应该使用CSS这一点 - 检查更新的提琴：

http://jsfiddle.net/JCVnY/6/

应用位置：相对于列表项目+宽度：继承于t他的a会导致他们复制宽度。

a{background:red;display:inline-block; width:inherit;} li{position:relative; width:100%;}