javascript - 在特定索引处插入 div

Question

我是 jquery 的初学者，正在尝试对现有代码进行更改。我想插入 div在特定索引处包含一些 JS。

<div id="test1"> <!-- JS code--> </div>

现有代码插入这个 test1在 <a name='more'></a> 处划分

<script>
$(document).ready(function(){
  jQuery('#test1').appendTo(jQuery('a[name="more"]'));
    });
</script>

这段代码运行完美，但是我希望将 div 插入我将在运行时生成的 2 个不同索引。比方说，我希望在 50th ,100th 位置或索引处插入 div。

我试过了

jQuery('#test1').insertAfter($(this).children().eq(50));
jQuery('#test1').insertAfter($(this).children().eq(100));

但不起作用。我想知道这是否可能？ HTML 很简单，由 div、img、br 组成。标记中没有表格。

附言考虑到附加不会破坏 html，已计算索引。

Answer 1

获取您的元素集，使用 .eq() 减少到您想要的元素并使用 .after() 追加。请参阅:http://jsfiddle.net/YPvDf/对于基于此代码的工作示例:

<div id="blah">
  <p>How now</p>
  <p>How now</p>
  <p>How now</p>
  <p>How now</p>
  <p>How now</p>
  <p>How now</p>
</div>
<button id="aButton">Click me</button>
jQuery('#aButton').click(function () {
  jQuery('#blah p').eq(3).after('<p>Brown Cow</p>');
});

还要记住元素集是零索引的，所以使用 .eq(49) 在第 50 个元素之后插入等等。

已更新 明确了您的需求后，这里有一些代码可以满足您的需求(与上面相同的 HTML):

jQuery('#aButton').click(function () {
  var stuff = jQuery('#blah').html();
  var splitIndex = 31;
  var myString = '<span> Brown Cow! </span>';
  var beforeString = stuff.substring(0,splitIndex);
  var afterString = stuff.substring(splitIndex);
  jQuery('#blah').html(beforeString + myString + afterString);
});

这里的工作示例:http://jsfiddle.net/uKgwU/

如果没有，那么抱歉...下次请尽量在您的问题中说得更清楚!