Javascript 如何添加我自己的<；divs>；动态地创建一个容器？

我找到了很多关于这方面的信息，但是我还没有找到任何可以帮助我的东西

我的问题是我有一个id为的div，它假设是一个容器（

#cont_seguim

）。 我在右侧有一个包含圆圈的菜单（由css制作并填充文本），如下所示：

<div class="circle_menu b">
    <div class="text_menu n">ECO</div>
</div>

生态

其中b和n是背景和文本的格式。 当我单击一个圆时，这个圆必须被添加到容器中（注意每个圆都有自己的文本），但我无法得到它

我制作了一个数组并使用alert（）来测试click是否有效，它确实有效，但append（）甚至不能打印文本，我不知道为什么

<script type="text/javascript">
    var arrayS = new Array();

    $(document).ready(function() {
        $(".circulo_menu").click(function() {
            var text = $(this).text();
            alert("calling " + text);
            $("#cont_seguim").append(text);
        });
        return text;
    });

</script>

var数组=新数组（）；
$（文档）.ready（函数（）{
$（“.circulo_菜单”）。单击（函数（）{
var text=$（this.text（）；
警报（“呼叫”+文本）；
$（“cont#u seguim”）。追加（文本）；
});
返回文本；
});

谢谢你的回复

试试这个：

$( ".container" ).append( $( "<div>" ) );

$（.container”）.append（$（“”）；

试试这个：

$( ".container" ).append( $( "<div>" ) );

$（.container”）.append（$（“”）；

---

尝试使用

html（）

而不是

text（）

尝试使用

html（）

而不是

text（）

无法正确理解，希望下面的人能帮到你

<script type="text/javascript">
      $(document).ready(function() {
        $(".circulo_menu").click(function() {
            var myText = $(this).html(); 
            alert("calling " + myText);
            $("#cont_seguim").html(myText);
        });
    });

</script>

$（文档）.ready（函数（）{
$（“.circulo_菜单”）。单击（函数（）{
var myText=$（this.html（）；
警报（“呼叫”+myText）；
$（“#cont_seguim”）.html（myText）；
});
});

---

确保类名和id名与html保持一致

无法正确理解，希望下面的一个可以帮助您

<script type="text/javascript">
      $(document).ready(function() {
        $(".circulo_menu").click(function() {
            var myText = $(this).html(); 
            alert("calling " + myText);
            $("#cont_seguim").html(myText);
        });
    });

</script>

$（文档）.ready（函数（）{
$（“.circulo_菜单”）。单击（函数（）{
var myText=$（this.html（）；
警报（“呼叫”+myText）；
$（“#cont_seguim”）.html（myText）；
});
});

确保类名和id名与html保持一致

$("#container").append($("<div/>", {id:"newID",text:"sometext"}));

$（“#容器”）.append（$（“”，{id:newID，text:sometext}）；

使用

$（“#容器”）.append（$（“”，{id:newID，text:sometext}）；

您的代码似乎工作正常（如果您修复了html与脚本

circulo\u菜单中使用的不同类名

vs

circulo\u菜单

）

演示

---

要添加整个圆圈，请使用

。append（this）

演示

---

要添加圆的副本，以便可以添加多个圆，请首先使用

.clone（）

    $(".circle_menu").click(function() {
        var clone = $(this).clone(false);
        $("#cont_seguim").append(clone);
    });

演示

---

---

在

单击

处理程序中，

此

引用单击的元素。由于您绑定了

单击
圆形菜单
元素上的
处理程序，
此
引用该元素。您可以直接将其用于追加或克隆它以首先制作副本。
您的代码似乎工作正常（如果您修复了html与脚本
circulo\u菜单中使用的不同类名
vs
circulo\u菜单
）

演示


要添加整个圆圈，请使用
。append（this）

演示


要添加圆的副本，以便可以添加多个圆，请首先使用
.clone（）

    $(".circle_menu").click(function() {
        var clone = $(this).clone(false);
        $("#cont_seguim").append(clone);
    });

演示


在
单击
处理程序中，
此
引用单击的元素。由于您绑定了
单击
圆形菜单
元素上的
处理程序，
此
引用该元素。您可以直接将其用于追加或克隆，以先制作副本。
尝试以下操作：

HTML:

试试这个：

HTML:

你可以试试

<script type="text/javascript">
 var arrayS = new Array();

$(document).ready(function() {
    $(".circulo_menu").click(function() {
        var text = $(this).text();
        alert("calling " + text);
        $("#cont_seguim").append($(this).html());
    });
    return text;
});

</script>


var数组=新数组（）；
$（文档）.ready（函数（）{
$（“.circulo_菜单”）。单击（函数（）{
var text=$（this.text（）；
警报（“呼叫”+文本）；
$（“#cont_seguim”）.append（$（this.html（））；
});
返回文本；
});

通过这种方式，单击的圆圈元素被添加到div中，您可以尝试

<script type="text/javascript">
 var arrayS = new Array();

$(document).ready(function() {
    $(".circulo_menu").click(function() {
        var text = $(this).text();
        alert("calling " + text);
        $("#cont_seguim").append($(this).html());
    });
    return text;
});

</script>


var数组=新数组（）；
$（文档）.ready（函数（）{
$（“.circulo_菜单”）。单击（函数（）{
var text=$（this.text（）；
警报（“呼叫”+文本）；
$（“#cont_seguim”）.append（$（this.html（））；
});
返回文本；
});

通过这种方式，单击的圆圈元素被添加到div
您想在
#cont_seguim
中添加文本还是整个圆圈？（同样在html中，类是
circulo\u菜单
，但在脚本中使用
circulo\u菜单
）hazte un jsfiddle o pega mas codigo（html/csS）pa que te podamos ayudar mejor premoh xDI想要添加这个圆，但我可以通过文本识别，然后创建新的元素，是否？是否要在
#cont#u seguim
中添加文本或整个圆圈？（同样在html中，类是
circulo\u菜单
，但在脚本中使用
circulo\u菜单
）hazte un jsfiddle o pega mas codigo（html/csS）paque te podamos ayudar mejor premoh xDI想要添加这个圆，但我可以通过文本识别，然后创建新元素，或者不创建新元素？问题是我不知道应该添加哪个div，因为我无法识别被按下的圆圈。问题是我不知道应该添加什么div，因为我无法识别被按下的圆圈。好的，现在我在警报中得到了整个圆圈的按下，很好。但我还是不能附加它，有什么想法吗？谢谢好的，现在我把整个圆圈都按在警戒上了，很好。但我还是不能附加它，有什么想法吗？谢谢你，非常感谢你，伙计。不同的类名是因为我试图让您更容易理解，但原谅了另一个：）还有一件事：如何内联显示它们？而且它们也离开了容器：S我可以在css上使用display:inline作为
吗@jjgonzalez使它们
内联块