Question

我根据外部文本文件中的部分数量使用javascript动态创建多个div。 div最初填充了图形，但我希望能够将div单独切换到用于构建每个图形的原始数据。

如果文本文件有25个部分并创建25个div，我如何'选择'说，第15个div切换到备用视图？

http://jsfiddle.net/EwNRJ/2357/ - 演示动态解决方案的手动解决方案和框架

for (var i = 5; i < count+1; i++) {
    new_divs += '<button class="div' + count + '_toggle">toggle ' + count + '</button>;
    new_divs += '<div id="div' + count + '_main" class="main" ></div>';
    new_divs += '<div id="div' + count + '_alt" class="alt" ></div>';
}

Answer 1

使用jQuery选择所有子元素$('.container .child')，然后您可以使用eq() function来获取第n个元素。请注意，数组是零索引的，因此第五个元素是元素4。

$(document).ready(function() {
  // get 5th element (remember arrays are zero-indexed/start at 0)
  var $fifth = $('.container .child').eq(4);
  
  // show the fifth element has been selected by setting color to red
  $fifth.css({color: 'red'});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
  <div class="child">4</div>
  <div class="child">5</div>
  <div class="child">6</div>
  <div class="child">7</div>
  <div class="child">8</div>
</div>

目标动态创建的Div

1 个答案: