jQuery对元素进行追加、包装、预处理

jQuery Appending, Wrapping, Prepending to element

本文关键字：包装 预处理 追加 元素 jQuery      更新时间：2023-09-26

我正在创建一个小函数，当满足某个条件时，它会显示一个通知，所以如果条件返回true，它会在具有set类的元素后面附加一个带有通知的div元素，但是，在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元素是否被隐藏，如果是，那么它会将带有helloworld消息的div附加到每个具有类"notice"的元素中。

现在的问题是，它在Chrome中不能正常工作，它只能在只有3个元素的情况下工作。

如果statmemnt正确，我认为你没有关闭你，这就是为什么。。你的代码应该像这个

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