jQuery追加，包装，前置元素

Question

我正在创建一个小函数，它会在满足某个条件时显示通知，所以如果条件返回true，它会附加一个div元素，并通知带有set类的元素，但是，它不能正常工作chrome，只要少于3个元素，它只会附加通知。我在Mozilla和Opera中测试它并且运行良好。

类似以下内容;

if (jQuery('.notice iframe:hidden').length) {
jQuery('.notice').append('<div class="message">Hello World</div>');
};

页面HTML示例

<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>

jQuery代码的作用是检查iframe元素是否被隐藏，如果是，那么它将带有hello world消息的div附加到具有类“notice”的每个元素。

现在问题是它在Chrome中无法正常工作，只有只有3个元素才能正常工作。

Answer 1

我认为你没有正确地关闭你的if语句，这就是为什么......你的代码应该是这样的

if (jQuery('.notice iframe:hidden').length > 0) {
jQuery('.notice').append('<div class="message">Hello World</div>');
};