Question

我有自定义的不可编辑的HTML（第三方平台）。我试图用一个类＆＃34; .IDX-showcasePrice＆＃34;来移动div。在每个＆＃34; .IDX-showcaseCell＆＃34;中，但是当我执行下面的代码时，它会使用类＆＃34; .IDX-showcasePrice＆＃34;拉出所有div。并将它们插入每个父div。

有没有办法逐个隔离每个div并让它只在该div上执行？

我为HTML屏幕截图道歉，但无法访问源代码。

Screenshot of HTML

<script>
 (function() {
  $('.IDX-showcaseCell').each(function() {
   $(this).siblings('.IDX-showcasePrice').insertBefore('.IDX-
   showcaseAddress');
  });
 })(jQuery);
</script>

Answer 1

正如我在评论中所说，siblings不是正确的功能，因为IDX-showcasePrice 在 IDX-showcaseCell内，而不是同一级别。但是内部有点模糊，我们必须考虑IDX-showcasePrice在IDX-showcaseCell内的深度（在这种情况下为第二级）。

有关children的文档：

给定一个表示一组DOM元素的jQuery对象，.children（）方法允许我们在DOM树中搜索这些元素的子元素，并从匹配元素构造一个新的jQuery对象。 .children（）方法与.find（）的不同之处在于.children（）只向单个级别向下移动 DOM树，而.find（）可以遍历多个级别以选择后代元素（孙子）等等。）

就在这里，你可以找到答案：当你尝试使用children时，你只能得到一级孩子，而不是二级孩子。

在div上运行jQuery Event，每个div只有一次相同的类

1 个答案: