javascript - 从不同的div中动态删除元素

Question

我有以下代码：

<div id='a'>
</div>
....
....
<div id='b'>
</div>

结合脚本：

$.ajax({
    type:'POST',
    url:'grouplist.php',
    async:false,
    dataType:'json',
    cache:false,
    success:function(result)
    {
        var $ni=$('#a');
        $.each(result,function(key,value)
        {
            var $button=$('<input></input>',{
                'type':'button',
                'id':key,
                'class':'button',
                'value':value
                }).appendTo($ni);
            });
    }});

div这会在 中创建具有动态 id的按钮。现在div，如果单击以下按钮之一，我将使用 id b 动态添加元素：

$('#a').on('click','.button',function(){
    $('.hmm').remove();
    var x=$(this).attr('id');
    $.ajax({
        type:'POST',
        url:'groupmsg.php',
        async:false,
        data:'id='+x,
        dataType:'json',
        cache:false,
        success:function(result)
        {
            var $na=$('#groups');
            $.each(result,function(key,value)
            {
                var t_msg=value[0]+":"+value[1]+"\t"+value[2];
                var $p = $('<p></p>'{'id':'msg'+key,'class':'.hmm'}).html(t_msg).prependTo($na);
            });
            }
            });});

我无法删除div#busing的元素$('.hmm').remove();。有人可以在这方面帮助我吗？

Answer 1

你的代码有错误，应该是：

var $p = $('<p></p>',{'id':'msg'+key,'class':'hmm'})

设置类时不应使用点 (.)。

Answer 2

似乎您正在将click事件附加到 divid=a并单击在另一个元素内创建的按钮。尝试将click事件附加到文档。

$(document).on('click','.button',function(){
  // ...
});