Question

我有一些Javascript检测到html标签的宽度，完全正常，但我想将值增加两个例如或设置的任何值，请告诉我将如何进行此操作？谢谢。

$('.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/

Answer 1

你快到了：

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

Answer 2

您可以使用width作为setter和getter。请参阅jQuery API：http://api.jquery.com/width/

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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>

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

2 个答案: