Javascript自动宽度检测然后向其添加两个像素

标签 javascript

我有一些 Javascript 可以检测 html a 标签的宽度,工作完全正常,但我想将该值增加两倍或设置任何值,请告知我将如何处理这个问题?谢谢。

$('.navbar-nav li a').each(function(index){
	$(this).width(function () {
		return $(this).width();
	});
});
<ul id="main-menu" class="nav navbar-nav">
  <li><a href="/" class="nav-link">Home</a></li>
  <li><a href="/" class="nav-link">About</a></li>
  <li><a href="/" class="nav-link">Contact</a></li>
</ul>

工作中的jsfiddle:https://jsfiddle.net/L6g90mLn/7/

最佳答案

你就快到了:

$('.navbar-nav li a').each(function(index){
    var newWidth = $(this).width() + 2;
    $(this).css('width', newWidth);
});

关于Javascript自动宽度检测然后向其添加两个像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41639859/

相关文章:

javascript - 从动态创建的输入写入动态创建的 div

javascript 音频语法可能是错误的?

javascript - 为什么 $http.put 在 AngularJS 中不起作用?

javascript - 我如何知道特定函数的所有 AJAX 调用何时完成?

c# - 谷歌地图处理服务器端

javascript - 动画交叉淡入淡出表格单元格/行?

javascript - 在网格中显示 React bootstrap 轮播

javascript - Firebug 不显示右下角的错误警告

Javascript 将数据放入列表中

javascript - 未捕获的类型错误 : Cannot read property 'click' of null Chrome Extension