小编Tgr*_*osk的帖子

为什么通常用于构建网站导航的无序列表与使用有序列表相反,或者只是创建作为一个组放置在另一个id元素中的div id？也许它是以前版本的html/css的遗留物,我太年轻了,或者可能是CSS3控制增加的结果,但我总是这样做,从来没有真正质疑为什么:

<ul>
<li><a href="#">Nav Item 1</a></li>
<li><a href="#">Nav Item 2</a></li>
<li><a href="#">Nav Item 3</a></li>
<li><a href="#">Nav Item 4</a></li>
</ul>

任何见解将不胜感激.

这是HTML

<li class="carousel-btn-wrapper">
  <div class="progressButton">
    <p></p>
  </div>
  <button class="videoCaroselButton">Welcome</button>
</li>
<li class="carousel-btn-wrapper">
  <div class="progressButton">
    <p></p>
  </div>
  <button class="videoCaroselButton">Video Name</button>
</li>
<li class="carousel-btn-wrapper">
  <div class="progressButton">
    <p></p>
  </div>
  <button class="videoCaroselButton">Another Video Name</button>
</li>

我想在p标签中添加一个数字,它是.progressButton的子节点.我需要每个p标签增加数量.我的javascript循环问题.我认为问题是在.text(buttonNumber []); 索引.我该如何解决这个问题？

var videoSrcArray = ['url.com/adf', 'url.com/asf', 'url.com/sdf', 'url.com/asdf','url.com/asdfl']
var buttonNumber = "";
var i;
for (i = 1; i < videoSrcArray.length - 1; i++) {
  buttonNumber += i ;
  $('.progressButton').children('p').text(buttonNumber[1]);
}

我需要一个看起来像这样的html结构:

<div id="ABTestBanner_New">
</div>

<div id="ABTestBanner_Fav">
</div>

<div id="ABTestBanner_Budget">
</div>

我需要在AB分裂测试中使用它.所以我需要用javaScript编写,我需要所有三个div都是唯一的id,但是有相同的CSS.我尝试这样做,但只有#ABTestBanner_Budget正在应用CSS:

var $divNew = $('<div></div>', {'id': 'ABTestBanner_New'});
$('div.samplesCell.samples1').after($divNew)

var $divFav = $('<div></div>', {'id': 'ABTestBanner_Fav'});
$($divNew).after($divFav);

var $divBudget = $('<div></div>', {'id': 'ABTestBanner_Budget'});
$($divFav).after($divBudget);

$('#ABTestBanner_New' && '#ABTestBanner_Fav' && '#ABTestBanner_Budget').css({
    float : 'left',
    height : '250px',
    width : '950px',
    backgroundColor:'#0080FF',
    margin:'20px 0px 20px 0px'
});

对我做错了什么的想法？

我遇到了算术和转换为数字的问题.我认为.

我需要得到一个元素的总宽度.在这种情况下,它是一个按钮,我想将它除以2.

  var $buttonWidth = parseInt($(this).outerWidth(true));
  console.log($.isNumeric($buttonWidth));
  console.log(isNaN($buttonWidth));

  console.log($buttonWidth);
  $buttonWidth / 2;

  console.log($buttonWidth);

第一个日志返回true,第二个返回false,第三个返回元素的总宽度,第四个日志也返回日志的总宽度.我做错了什么？