Jquery Looping 函数从子级复制并跨页面插入父级相邻 div

Question

我是使用 Jquery 编码的新手，在尝试获取以下内容时遇到了障碍 - 这是为博客/新闻网站设计的 -

HTML

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

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

等/ID 重复以模拟 html 在博客前端的显示方式

---

JQUERY

因为我只知道一点，所以我能用 jsfiddle 做到这一点

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

---

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

因为这适用于博客/新闻类型的网站，所以我需要在房子的每个实例上都发生这种情况，并且理想情况下也不要弄乱类，唯一可能的类例外是 h1 类。

其次，这需要能够从“cat”的 h1 id 中复制任何文本，但将某些 css 应用于某些文本值，例如'news' 'column title 2' 等的唯一 css - 我熟悉 css，所以我不需要它在 jquery 中执行 css，并且如果它将文本的某些唯一值引导到适当的 css 值，我更愿意。

请帮忙，因为我已经坚持了好几天了，还有更多的 jquery 东西可以应用于该网站:(。

Answer 1

您需要清理您的标记，以便元素具有唯一的 ID（最好使用类）。但是，如果绝对必要，您仍然可以使用 id 属性选择器：

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