javascript jQuery的动态添加HTML

Posted 2021-05-03

<div class="gameroomall">
  <div class="gameroomayu">
  </div>
</div>                        
function onAdd(){
    var configTable = $('.gameroomall');
    var num = parseInt(configTable.find('.gameroomayu').length);
                    
    if (num == 8){
      //信息框,使用了layer插件，google搜layer.js导入layer.js和layer.css则可使用
      layer.open({
          content   : '最多只允许创建8条规则'
          ,btn      : '关闭'
      });
    }else{
      str ="<h2>123</h2>";
      //添加到子节点
      configTable.append(str);
    }
  }