.click / .insertAfter创建2个div而不是1

时间:2015-01-13 13:21:30

标签: jquery click insertafter

第一次在这里发帖,希望我能做好一切:)

我对整个编程工作都很陌生,我开始尝试不同的东西。现在我正在玩jQuery并在这里遇到一些问题。

这是我的jQuery-Code:

$('#objekt1 ul li a').click(function() {
    $('<div id="objekt2"></div>').insertAfter("#objekt1");
});

当我点击div内列表中的链接时,我想在第一个(#objekt1)之后插入一个新的div。问题是,当我点击链接时,我得到两个新的div而不是一个

我做错了什么?

编辑:

这就是html代码的样子:

&#13;
&#13;
<body>

    <div id="objekt1">
        <ul id="listeNamen">
            <li><a href=""> Hans Mustername </a></li>
            <li> Hans Mustername </li>
            <li> Hans Mustername </li>
        </ul>
    </div>
    

</body>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

您的代码没有问题。看看这段代码http://jsfiddle.net/xv14j3hL/

<div id="objekt1">
    <ul>
        <li><a href="#">anchor</a></li>
    </ul>
</div> 
<script>   
    $('#objekt1 ul li a').click(function() { 
        $('<div id="objekt2">newdiv</div>').insertAfter( "#objekt1" ); 
    });
</script>