jquery - Jquery循环功能从孩子复制并跨页面插入到父相邻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>

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

因为我只知道一点，所以我能用 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 东西可以应用于该网站:(。

score 0 · Accepted Answer

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

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