1

这个问题与我昨天发布的一个问题有关。链接 -http://stackoverflow.com/questions/12636348/how-to-add-a-different-class-to-the-same-class-in-jquery 。现在的问题和问题是我希望在 div 之后添加一个 div 并添加类。问题是我使用的脚本仅将 div 添加到现有/默认类名，而不是通过 JQuery 添加的类。脚本如下。

 $(document).ready(function(){$('.example').each(function(i){$(this).addClass("ex" + i);});

 $('.ex0').after(function(){return'<div class="afterdiv"><a class="afterdiva1" href="#" title="Text."></a><a class="afterdiva2" href="#" title="Text."></a></div>'});

默认输出为：

      <div class="example"></div>

最终的 html 输出应为：

      <div class="example ex0"></div>
      <div class="afterdiv">
      <a class="afterdiva1"></a>
      <a class="afterdiva2"></a>
      </div>

更新-我很抱歉没有澄清每个 div 必须是唯一的/每个类。真诚的道歉（我是新手在这里或其他任何地方寻求帮助）。

4

3 回答 3

2

您应该将所有这些调用放入.ready()函数中。现在，第二行在 DOM 就绪回调之前执行（因为.ready()是异步函数）。

于 2012-09-29T01:47:56.957 回答
1

为什么不在 .each() 函数中执行代码？像这样：

$(document).ready(
function(){
$('.example').each(
function(i){
$(this).addClass("ex" + i).after('<div class="afterdiv"><a class="afterdiva1" href="#" title="Text."></a><a class="afterdiva2" href="#" title="Text."></a></div>');
});
});
于 2012-09-29T01:46:37.973 回答
1

检查小提琴

问题是 .insert 未包含在 DOM 就绪事件中

把它放在里面，应该可以正常工作..

它在这里工作..给你的类名一些背景颜色仔细检查。

于 2012-09-29T01:48:01.230 回答