Question

我有一个像这样的列表

<ul class="example">
    <li>Something</li>
    <li>Something 2</li>
    <li>Something 3</li>
</ul>

我想要一个jquery代码来根据它们的数量来计算 li 的宽度。我尝试使用此代码，但它不起作用：（

$('.example > li').css('width', 100%/$('.example').length());

任何解决方案？

Answer 1

你做的一切都正确，你只是没有使用AllItemsFullPathWithTargetPath作为财产。

<Target Name="IncludeFoo" BeforeTargets="GetCopyToOutputDirectoryItems">
  <ItemGroup>
    <CompiledFoos Include="@(CompileFoo -> '$(OutputPath)%(RelativeDir)%(Filename).bin' )">
      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
      <TargetPath>%(RelativeDir)%(FileName).bin</TargetPath>
    </CompiledFoos>
    <AllItemsFullPathWithTargetPath Include="@(CompiledFoos->'%(FullPath)')"  />
  </ItemGroup>
</Target>

length

var elements = $('ul#ul > li');
var len      = elements.length;
var width    = (100 / len) + "%";

elements.css('width', width);

Answer 2

length不是一个功能。这是一个属性。 Read More

并且您必须计算length个li项，而不是ul包装它。

因此，我对您的代码进行了两处更改：

将length()修改为length
修改了选择器$('.example')至$('.example li')

＆＃13;

$('.example > li').css('width', 100/$('.example li').length + '%');
console.log($('.example li').length);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="example">
    <li>Something</li>
    <li>Something 2</li>
    <li>Something 3</li>
</ul>

＆＃13;

子元素的JQuery calc宽度

2 个答案: