Jquery 选择标记未在表内呈现，但可以在视图源中看到

我遇到了一个奇怪的问题，我把一个HTML选择标记放在div内的一个表中。在view source中，我可以看到标记显示了view source，但没有呈现为HTML 我哪里会出错

实际上，我正在动态添加表。 JSP:`

`

JQUERY：

gridTemplate:'<tr class="ul-list-b"><td class="lic-3-4"><%=columnName%></td><td class="lic-3-4"><%=dataType%></td><td class="lic-3-4 "><div ><select name="action_col"><option value="">None</option>'+
         '</select></div></td><td class="lic-4-4" style="text-align:center"><button class="btn-b">Edit</button></td><td class="lic-4-4" style="text-align:center"></td><td class= "lic-4-4" style="text-align:center"><input type="text" style="width:150px;"></td><td class="lic-4-4" style="text-align:center"><input type="checkbox" id="invalid"></td><td class="lic-4-4" style="text-align:center"><input type="text" style="width:150px;"></td></tr>',


         render:function(eventName){
            var self=this;

             // var grid = $("#t_columns_list");
              var grid = $(this.el).find('#t_columns_list');
              grid.show();
              var listHtml = "";
            if(this.model.models.length > 0){
                this.tableCount = this.model.models.length;

                   _.each(this.model.models, function (table,i) {
                       var table_item = table.toJSON();
                       table_item.ownerName = table_item.ownerName || "";

                       _.each(table_item.columns,function(column,i){
                           this.columnCount++;
                           listHtml += _.template(this.gridTemplate,column);
                       },this);
                    }, this);
                   grid.html(listHtml);

                   $(this.el).find('table').colResizable();
            }

            //call ajax
            var navigation_tabs = $("#nav_simulate");
            _.each(this.model.models, function (table,i) {
                   var table_item = table.toJSON();
                   table_item.ownerName = table_item.ownerName || "";
                navigation_tabs.append('<li>'+table_item.tableName+'</li>');
            });



    }

---

粘贴一些你的HTML代码有时一张图片不能代替千言万语。给我们看一些代码。可能是由于一些样式规则，那个类为什么有空格？lic-3-4类的css代码是什么？

gridTemplate:'<tr class="ul-list-b"><td class="lic-3-4"><%=columnName%></td><td class="lic-3-4"><%=dataType%></td><td class="lic-3-4 "><div ><select name="action_col"><option value="">None</option>'+
         '</select></div></td><td class="lic-4-4" style="text-align:center"><button class="btn-b">Edit</button></td><td class="lic-4-4" style="text-align:center"></td><td class= "lic-4-4" style="text-align:center"><input type="text" style="width:150px;"></td><td class="lic-4-4" style="text-align:center"><input type="checkbox" id="invalid"></td><td class="lic-4-4" style="text-align:center"><input type="text" style="width:150px;"></td></tr>',


         render:function(eventName){
            var self=this;

             // var grid = $("#t_columns_list");
              var grid = $(this.el).find('#t_columns_list');
              grid.show();
              var listHtml = "";
            if(this.model.models.length > 0){
                this.tableCount = this.model.models.length;

                   _.each(this.model.models, function (table,i) {
                       var table_item = table.toJSON();
                       table_item.ownerName = table_item.ownerName || "";

                       _.each(table_item.columns,function(column,i){
                           this.columnCount++;
                           listHtml += _.template(this.gridTemplate,column);
                       },this);
                    }, this);
                   grid.html(listHtml);

                   $(this.el).find('table').colResizable();
            }

            //call ajax
            var navigation_tabs = $("#nav_simulate");
            _.each(this.model.models, function (table,i) {
                   var table_item = table.toJSON();
                   table_item.ownerName = table_item.ownerName || "";
                navigation_tabs.append('<li>'+table_item.tableName+'</li>');
            });



    }