我想在jquery的帮助下打印ul标签中的ul宽度

时间:2017-03-02 13:07:36

标签: javascript jquery html css

我想在jquery

的帮助下在ul标签中打印ul width



jQuery(document).ready(function($){
  var fixmeTop = $('ul').offset().top;
  alert($("ul").width());
});

ul li{display:inline-block}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
</ul>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

假设我已正确理解您的问题,您希望将width()调用返回的值添加到li中的新ul标记中。如果是这样,您可以使用append()方法执行此操作:

jQuery(function($){
  var fixmeTop = $('ul').offset().top;
  $("ul").append('<li>' + fixmeTop + '</li>');
});
ul li{display:inline-block}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
  <li>test 1</li>
</ul>

答案 1 :(得分:0)

希望借助jquery在<ul>标签中打印宽度。

<ul style="width:250px">
<li>test</li>
<li>test</li>
<li>test</li>
</ul>