Javascript jQuery appendTo()带选择器
因此,我在一个页面中添加了四个独立于Wordpress循环的元素。我使用jqueryappendto将它们添加到posts循环列表中。除了最后一个,它工作得很好。。。它似乎无法使用最后一个子项、唯一子项或第n个子项来选择它。使用最后一个孩子,其他3个元素被选择并移动得非常好。我已经尝试了我能想到的一切。你觉得怎么样 当然,一旦这3个元素被移动,我想最后一个元素就不再被认为是最后一个孩子或第一个孩子了?。。。但独生子女也不工作Javascript jQuery appendTo()带选择器,javascript,jquery,wordpress,jquery-selectors,css-selectors,Javascript,Jquery,Wordpress,Jquery Selectors,Css Selectors,因此,我在一个页面中添加了四个独立于Wordpress循环的元素。我使用jqueryappendto将它们添加到posts循环列表中。除了最后一个,它工作得很好。。。它似乎无法使用最后一个子项、唯一子项或第n个子项来选择它。使用最后一个孩子,其他3个元素被选择并移动得非常好。我已经尝试了我能想到的一切。你觉得怎么样 当然,一旦这3个元素被移动,我想最后一个元素就不再被认为是最后一个孩子或第一个孩子了?。。。但独生子女也不工作 jQuery(document).ready(function ($)
jQuery(document).ready(function ($) {
var toApp1 = $(".recent_updates > .fp_post:nth-child(4)"),
toApp2 = $(".recent_updates > .fp_post:nth-child(7)"),
toApp3 = $(".recent_updates > .fp_post:nth-child(10)"),
toApp4 = $(".recent_updates > .fp_post:nth-child(13)");
var ad1 = $(".recent_updates > #skippingAds:nth-last-child(4)"),
ad2 = $(".recent_updates > #skippingAds:nth-last-child(3)"),
ad3 = $(".recent_updates > #skippingAds:nth-last-child(2)"),
ad4 = $(".recent_updates > #skippingAds:last");
ad3.appendTo(toApp3);
ad2.appendTo(toApp2);
ad1.appendTo(toApp1);
ad4.appendTo(toApp4);
});
更新的代码:仍然不能使用类,而不是IDs。请指出
jQuery(document).ready(function ($) {
var toApp1 = $(".recent_updates > .fp_post:nth-child(4)"),
toApp2 = $(".recent_updates > .fp_post:nth-child(7)"),
toApp3 = $(".recent_updates > .fp_post:nth-child(10)"),
toApp4 = $(".recent_updates > .fp_post:nth-child(13)");
var ad1 = $(".skippingAds:nth-last-child(4)"),
ad2 = $(".skippingAds:nth-last-child(3)"),
ad3 = $(".skippingAds:nth-last-child(2)"),
ad4 = $(".skippingAds:last-child");
ad3.appendTo(toApp3);
ad2.appendTo(toApp2);
ad1.appendTo(toApp1);
ad4.appendTo(toApp4);
});
试试最后一个孩子
ad4 = $(".recent_updates > #skippingAds:last-child");
您的文档中似乎有重复的ID,这会导致HTML无效。当HTML无效时,浏览器之间会出现不一致的行为,因为没有处理无效HTML的规范,因此没有浏览器必须遵守该规范
我建议您将所有skippingAds ID更改为类,然后您可以使用类选择器。ID应该是唯一的,因此无论如何应该只有1个skippingAds。您应该使用一些示例HTML设置JSFIDLE。没有这一点很难说。这不应该有什么区别。这可能不是问题,但你总是想要有效的HTML。不管怎样,你只想解决这个问题。Nvm ID是个问题,以p为目标会起作用,但以ID为目标不会起作用。这是一个很好的确认。id选择器最多返回1个元素。当几个元素具有相同的ID时,一个浏览器可能返回第一个,而另一个浏览器可能返回最后一个。不,在这种情况下,即使重复,ID也可以正常工作,但是的,我确实更改为类,因为它更合适。然而,这并没有解决主要问题。用你的生命来赌博是不好的!:你测试了多少浏览器?如果它在浏览器A中工作,就不能保证它能与浏览器B一起工作。