jQuery prepend问题：如何正确获取已遍历元素的下一个父元素的子元素

你的问题确实出在this的上下文上！当你直接在prepend()方法里使用jQuery(this)时，这里的this并没有指向你遍历的每个.element-to-insert-into元素，而是指向了全局的window对象（浏览器环境下），所以根本找不到对应的.parent-element和子元素，代码自然无法生效。

修正后的代码 #

要解决这个问题，你需要用.each()方法逐个遍历目标元素，这样在遍历的回调函数里，this就会正确指向当前的.element-to-insert-into元素：

jQuery('.element-to-insert-into').each(function() {
  // 这里的this指向当前遍历到的.element-to-insert-into元素
  const targetChild = jQuery(this).next('.parent-element').children('.child-id-like-to-prepend');
  jQuery(this).prepend(targetChild);
});

关键细节说明 #

• each()的作用：通过逐个遍历元素，强制this的上下文绑定到当前处理的.element-to-insert-into元素上，这是解决问题的核心。
• 选择器注意事项：如果child-id-like-to-prepend是ID选择器，记得把选择器改成#child-id-like-to-prepend（ID选择器以#开头，类选择器以.开头），避免选择器错误导致找不到元素。
• 元素移动逻辑：这段代码会把目标子元素从原来的.parent-element中移动到.element-to-insert-into内部的最前面，而不是复制；如果需要复制元素，可以在获取targetChild时加上.clone()方法。

内容的提问来源于stack exchange，提问作者sigmapi13