Javascript 添加<；代码>；包含jQuery中类名文本的元素

我需要添加包含特定类名文本的

元素的帮助

这是我的基本标记：

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

我可以通过
.prepend（）
添加
元素：

$（“
”）.prependTo（“.ctnr”）；

这是我迄今为止创作的小提琴：

我就是不知道如何将其同级

DIV

类的文本添加到注入的

元素中

我知道有
.text（）
和
.attr（）
函数，但我不知道如何使用它们，我肯定这些函数可以以某种方式实现

非常感谢您的帮助。
如果有单个元件具有
ctnr
等级：

$('<code />')
    .addClass('info')
    .text($('.ctnr').find('div').attr('class'))
    .prependTo('.ctnr');

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

演示：
您需要一个循环，假设有多个
。ctnr
：


$（“.ctnr”）。每个（函数（）{
var code=$（“
”）.addClass（“info”）.text（$（this.find（“div”）.attr（“class”））；
代码.prependTo（本）；
});
不要假装。试试prepend


window.addElement=函数（）{
$（'.ctnr'）.prepend（“。”+$（'.ctnr'））.find（'div'）.attr（'class'）+“
”）；
}




添加元素
@TJ，是的，您的假设是正确的，我确实有多个
.ctnr
。您的解决方案按预期工作。这部分是我不知道的：
.text（$（This.find（“div”）.attr（“class”））
非常感谢您的帮助。忘了提一下，因为我需要类名中的
，所以我将它添加到
.text（）
方法中，如下所示：
.text（“.”+$（this）.find（“div”）.attr（“class”）感谢您的编辑。但是，您的解决方案是添加
.ctnr
类名，而不是同级的类名。谢谢你的帮助。我没有看到任何答案的更新。无论您做了什么，它仍然添加了
ctnr
类。现在效果非常好。我做了一点小小的改进，在类名中添加了
。给了你一票。谢谢！虽然我没有使用按钮来创建新容器，但这肯定是一个创造性的答案：）。谢谢你的帮助。
$('<code />')
    .addClass('info')
    .text($('.ctnr').find('div').attr('class'))
    .prependTo('.ctnr');

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