日期:2014-05-16  浏览次数:20396 次

请教创建和删除一个div的一个问题
我有两个函数,分别创建和删除div的

创建函数里面有:
$("#mainContent").append('<div style="width:'+width+'px; height:'+height+'px;border:1px solid green" id="'+value+'0'+'"></div>');
$("#mainContent").append('<div style="width:'+width+'px; height:'+height+'px;border:1px solid green" id="'+value+'1'+'"></div>');


然后删除函数里面是:
$("#"+value+"0").remove();
$("#"+value+"1").remove();


现在的问题是,创建可以成功,但是删除却不成功,
用document.getElementById(value+"1")得到结果却是null,

这是为何?
JavaScript

------解决方案--------------------
你这样创建试试:
var div = document.createElement("div");
$(div).attr("id", value + "0");
$(div).attr("style", "width:" + width + "px; height:" + height + "px;border:1px solid green");
$(div).appendTo("#mainContent");

------解决方案--------------------
#都没有?
------解决方案--------------------
不要觉得  要确认

var domstr = '<div style="width:'+width+'px; height:'+height+'px;border:1px solid green" id="'+value+'1'+'"></div>';
$("#mainContent").append(domstr );

alert(domstr);

你看看打印出来的 id 是什么
------解决方案--------------------
把两个方法最前面把value的值alert出来,看下是什么。
------解决方案--------------------
引用:
创建div的函数:
function AddGateway(htmlContainer, value, width, height){
        if(value) var str = value+"/"+"time"+"/0";
        $("#mainContent").append('<div style="width:'+width+'px; height:'+height+'px;border:1px solid green" id="'+value+'0'+'"></div>');
        $.ajax({
                async:false,
                url:"php/MSLine_for_ping.php",
                data:{selectedValue: str},
                dataType:"json",
                success:function(rtnData){
                        FusionCharts.printManager.enabled(true);
                        var chartObj = new FusionCharts( 'swf/MSLine.swf',  'flash-chart', width, height);