Question

这个问题与我昨天发布的问题有关。链接-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需要对每个类都是唯一的。真诚的道歉（我很想在这里或其他任何地方寻求帮助）。

Answer 1

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

Answer 2

为什么不在.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>');
});
});

Answer 3

Check FIDDLE

问题是.insert没有包含在DOM ready事件

中

将它包含在里面，应该可以正常工作..

它在这里工作..给你一些背景颜色给你的班级名称进行双重检查。

JQuery。之后没有通过JQuery添加类

3 个答案: