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 的按钮。现在，如果单击这些按钮之一，我将动态地将元素添加到 id b 的 div 中，如下所示:

$('#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);
            });
            }
            });});

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

Answer 1

您的代码中有一个错误，应该是:

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

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