Jquery循环函数，用于在页面上从子级复制并插入到父级相邻div

我不熟悉使用Jquery编码，在尝试让以下内容（用于博客/新闻网站）正常工作时遇到了障碍-

HTML

---

使用它，我可以从cat内部获取文本（“text1”），并将其复制粘贴到其父元素相邻的元素dog中

因为这是为博客/新闻类型的网站设计的，所以我需要在house的每个实例中都实现这一点，而且理想情况下也不会影响类，类的唯一可能例外是h1类

其次，这需要能够从“cat”的h1 id内复制任何文本，但将某些css应用于文本的某些值，例如“新闻”“专栏标题2”等的唯一css-我熟悉css，所以我不需要它在jquery中执行css，我更希望它能将文本的某些唯一值指向适当的css值

---

请帮助我，因为我已经在这个问题上纠缠了好几天了，还有更多的jquery内容要应用到该站点：（。

您需要清理标记，以便元素具有唯一的id（理想情况下使用类）。但是，如果绝对必要，您仍然可以使用id属性选择器执行此操作：

$("[id=food]").each(function () {
   $(this).parent().prev('[id=dog]').html($(this).html());
});

---

重复的id无效，它们应该是唯一的。请尝试改用类。我输入两个相同id的原因是为了模拟html在博客前端的工作方式

  <div id="dog"></div>
  <div id="cat">
  <h1 id="food">text2</h1>
  </div>

var a = $('#food').html();
var b = $('#dog').html(a);

$("[id=food]").each(function () {
   $(this).parent().prev('[id=dog]').html($(this).html());
});