JQuery .insertAfter在此示例中不起作用-为什么？
JQuery .insertAfter在此示例中不起作用-为什么？
提问于 2011-03-18 08:58:32
我不确定为什么我的jquery代码不能工作。我正在为我的公司创建一个Wordpress主题，但是我似乎不能让.insertAfter()函数正常工作。它只是删除页面上的所有内容。
<div class='entry'>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>JQuery部分：
$('.entry:first-child').insertAfter($('.entry:last-child'));有什么想法吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-03-18 09:05:02
您的.entry:first-child正在选择div本身，而我认为它应该选择第一个ul。因此，您当前正在尝试在元素本身之后插入一个元素，这是不起作用的。
console.log($('.entry:first-child')[0] == $('.entry:last-child')[0]); // true试试这个。
$('.entry ul:first-child').insertAfter('.entry ul:last-child');您还可以看到，您可以只将选择器字符串传递给insertAfter，而不需要使用$()再次包装它。
Stack Overflow用户
发布于 2011-03-18 09:04:48
这应该是可行的：
$('.entry ul:first-child').insertAfter($('.entry ul:last-child'));正如Alex所指出的，您可以在.insertAfter调用中使用另一个选择器，而不是jquery对象。
jquery文档很好地解释了这一点：
http://api.jquery.com/insertAfter/
值得注意的是insertAfter和after之间的细微差别。
这同样适用于insertBefore / before和appendTo和append。理解它们之间的差异是很有用的。
Stack Overflow用户
发布于 2011-03-18 09:09:17
它的名字令人困惑，因为它不是“找到具有'entry‘类的元素，然后选择它的第一个子元素。”jQuery文档说，“第一个孩子选择所有本身就是其父元素的第一个孩子的元素。”在本例中是您的div.entry。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5346964
复制相关文章
相似问题
腾讯云开发者
