Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/symfony/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery appendTo()带选择器_Javascript_Jquery_Wordpress_Jquery Selectors_Css Selectors - Fatal编程技术网

Javascript jQuery appendTo()带选择器

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 ($)

因此,我在一个页面中添加了四个独立于Wordpress循环的元素。我使用jqueryappendto将它们添加到posts循环列表中。除了最后一个,它工作得很好。。。它似乎无法使用最后一个子项、唯一子项或第n个子项来选择它。使用最后一个孩子,其他3个元素被选择并移动得非常好。我已经尝试了我能想到的一切。你觉得怎么样

当然,一旦这3个元素被移动,我想最后一个元素就不再被认为是最后一个孩子或第一个孩子了?。。。但独生子女也不工作

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一起工作。