jQuery .each然后.append bug

时间:2015-11-20 02:28:06

标签: javascript jquery angularjs

// Jade

.occ
      h1.occ__reveal Section
      .occ__hidden
        p Content
.occ
      h1.occ__reveal Section
      .occ__hidden
        p Content
.occ
      h1.occ__reveal Section
      .occ__hidden
        p Content

// JS

$('.occ .occ__hidden').each(function() {
  var button = $('<button>').text('Button');
  $(this).append(button);
})

我尝试执行与this SO类似的操作,但输出会产生多个“按钮”。附加在我的.each()的每个实例上。所以现在每个.occ__hidden元素都会附加3个按钮。我在这里错过了什么吗?

修改

事实证明,这是我调用我的anuglar指令的方式的问题。我把这个指令称为一个班级而且无知地命名为“&#39; occ&#39;。由于在这个例子中有一个occ类的3个实例,因此指令被执行了3次,因此按钮元素被多次追加的原因。事后来说,我应该完整地分享我的代码,包括角度部分,但当时我认为这不是为了简单起见。对不起,我很感激你们有些人提供的帮助。希望这台服务器能够成为一个必需品。对于将来遇到这种情况的人的见解。

0 个答案:

没有答案