使用JS動態向div中append內容

html代碼

  

<div class="easyui-layout" data-options="fit:true,plain:true">
        <div id="topStationList" nowrap data-options="region:'north',split:true" style="padding: 0px; height: 16%;padding-top: 10px; padding-left: 20px;">
            <!-- <a href="#" class="easyui-linkbutton" style="width:10%" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top'">上海站</a> -->
        </div>
</div>

 

JS代碼

  

$(document).ready(function()
    {
        currDraftName = ${param.draftName};
        $.getJSON("param-common/getStationList.action?_dc=" + Math.random(), function(jsonData)
        {
            var stationHtml = "<nobr>";
            $.each(jsonData, function(stationId,stationName)
            {
                stationHtml = stationHtml + '\
                <a name="stationBtn" id="'+stationId+'"class="easyui-linkbutton"  plain="true" href="javascript:doStationParam(\''+stationId.toS     tring()+'\');" style="width:100px" data-options="iconCls:\'icon-large-smartart\',size:\'large\',iconAlign:\'top\',toggle:true,selected:false">     '+stationName+'</a>\
                ';
            });
            var stationHtml = stationHtml+"</nobr>";
            var div = $('#topStationList');
            div.append(stationHtml);
            //console.log(stationHtml);
            $.parser.parse(div);
        });
    });

 

效果圖