javascript - 在 jQuery 中添加带有类名文本的 <code> 元素

Question

我需要帮助添加 <code>包含特定类名称文本的元素。

这是我的基本标记:

<div class="ctnr">
    <div class="up-triangle"></div>
</div>

添加 <code> 后应该如下所示元素又具有其兄弟元素的类名:

<div class="ctnr">
    <code class='info'>.up-triangle</code>
    <div class="up-triangle"></div>
</div>

我可以添加 <code>元素通过.prepend() :

$("<code class='info'></code>").prependTo(".ctnr");

这是我迄今为止创建的 fiddle :http://jsfiddle.net/rzea/ywtpz8a0/1/

我只是不知道如何添加其兄弟 DIV 的文本的类注入(inject)<code>元素。

我知道有一个.text()和.attr()函数，但我无法理解如何使用它们，我确信它可以通过这些函数以某种方式完成。

非常感谢任何帮助。

Answer 1

假设有多个 .ctnr，您将需要一个循环:

$(".ctnr").each(function() {
  var code = $("<code>").addClass("info").text($(this).find("div").attr("class"));
  code.prependTo(this);
});

<div class="ctnr">
  <div class="up-triangle"></div>
</div>
<div class="ctnr">
  <div class="up-square"></div>
</div>
<div class="ctnr">
  <div class="up-circle"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>