使用jquery或javascript将元素添加到div

问题是：我需要在div中添加文本，但我不能。 我们有两个视图，id=“列表视图”和id=“网格视图”。我正在尝试使用此js代码添加通知栏，我可以将我想要的添加到列表视图中，但无法添加到网格视图中

这是“LİST”html代码

<div id="list-view" style="">
     <div class="package-details-list">
           <div class="package-details-p1">
           <div class="package-details-p2">
           <div class="package-details-p3">
     <div class="package-details-list">
     <div class="package-details-list">
     <div class="package-details-list">
     <div class="package-details-list">
     <div class="package-details-list">
     <div class="package-details-list">
<div class="package-details-list">

这是“GRİD”html代码

<div id="list-view" style ="" >
<div id="grid-view" style="none">
    <div class="package-grid-row clearfix">
           <div class="package-details-grid">
                  <a class="package-picture" href="http.abc.com">
                  <h2>
                  <p>
           <div class="package-details-grid">
           <div class="package-details-grid">
           <div class="package-details-grid">
           </div>
    <div class="package-grid-row clearfix">
    <div class="package-grid-row clearfix">
    <div class="package-grid-row clearfix">
</div>

我试图将文本添加到“#package details grid”中，但我需要随机添加

这是我的js代码

 (function($){    
      var gridp = $("<div></div>");    
      gridp.css({height:'17px',    
      paddingRight: '5px',    
      paddingLeft: '5px',     
      textAlign: 'center',    
      // letterspacing: '2px',   
      lineHeight: '14px',     
      //overflow: 'hidden',    
      fontSize: '12px',     
      fontWeight: 'bold',     
      color: 'white',     
      backgroundColor: '#0E71B8',     
      fontFamily:'GothamNarrowMedium',    
      position: 'relative',   
      width: '100%',   
      // right: '412px' ,   
      // margin: '-56px 0px 0px 760px'   

      })

      var div = $('<div></div>');
      div.css({
      height: '30px',    
      paddingRight: '20px',    
      paddingLeft: '20px', 
      textAlign: 'center',    
      // letterspacing: '2px',    
      lineHeight: '28px',     
      overflow: 'hidden',    
      fontSize: '12px',     
      fontWeight: 'bold',     
      color: 'white',     
      backgroundColor: '#0E71B8',     
      fontFamily:'GothamNarrowMedium',    
      position: 'absolute',  
      //  width: '100%',    
      right: '412px' ,    
      margin: '-56px 0px 0px 760px',    
      hover :( 'color : #00A0DE')  

      })   

      var hcseen = [];    
      var gridseen = [];
        for (k=0; k<=2; k++ )
        {    
            griddiv = Math.floor((Math.random() * 3 ) + 1 );   
            gridcount = Math.floor((Math.random() * 3 ) + 1 );    
            hcount = Math.floor((Math.random() * 10) + 1);    
            if (!hcseen["s"+hcount] || !griddiv["s"+griddiv]) 
            {        
                 hcseen["s"+hcount] = 1;        
                 gridseen["s"+griddiv]=1;         
                 count = Math.floor((Math.random() * 3) + 1);                
                 div.clone().text("xyz "+ count + " add").insertAfter('#list-view .package-details-list:eq('+ hcount +')');                
                 gridp.clone().text("abc "+ count + " add").insertAfter('#grid-view .package-grid-row clearfix');         
    }                 
                else 
    {       
                k--;    
    }
    }
    }) (jQuery);

（函数（$）{
var gridp=$（“”）；
css（{高度：'17px'，
paddingRight:'5px'，
填充左：“5px”，
textAlign:'中心'，
//字母间距：“2px”，
线宽：“14px”，
//溢出：“隐藏”，
fontSize:'12px'，
fontWeight:'粗体'，
颜色：'白色'，
背景颜色：“#0E71B8”，
fontFamily:'Gotham Middle'，
位置：'相对'，
宽度：“100%”，
//右：'412px'，
//保证金：'-56px 0px 0px 760px'
})
var div=$（''）；
div.css({
高度：“30px”，
paddingRight:'20px'，
左填充：“20px”，
textAlign:'中心'，
//字母间距：“2px”，
线宽：“28px”，
溢出：“隐藏”，
fontSize:'12px'，
fontWeight:'粗体'，
颜色：'白色'，
背景颜色：“#0E71B8”，
fontFamily:'Gotham Middle'，
位置：'绝对'，
//宽度：“100%”，
右：'412px'，
保证金：'-56px 0px 0px 760px'，
悬停：（“颜色：#00A0DE”）
})   
var-hcseen=[]；
var gridseen=[]；
对于（k=0；k，我不确定我是否完全理解了您试图实现的目标，但现在已经有了文本。我还将CSS更改移动到类中以简化JS


$（）.ready（函数（）{
var gridp=$（“#网格视图”）；
$（gridp）.addClass（“gridStyle”）；
var divs=$（“#列表视图”）.find（'div'）；
for（变量i；i对于（k=0；k感谢您的帮助，但我不想这样做。我正在尝试将新的div标记添加到“网格视图”、“包详细信息网格”类中。我正在尝试insertAfter、append等，但我不能。确定此操作将附加到div网格视图$（gridp）。append（'Test'））；哦，你还需要关闭你的div标签。你将它们全部打开，这可能是你的问题的一部分
$().ready(function () {
var gridp = $("#grid-view");
$(gridp).addClass("gridStyle");

var divs = $("#list-view").find('div');
for (var i; i < divs.length; i++) {
    $(divs[i]).addClass("divStyle");
}

var hcseen = [];
var gridseen = [];
for (k = 0; k <= 2; k++) {
    griddiv = Math.floor((Math.random() * 3) + 1);
    gridcount = Math.floor((Math.random() * 3) + 1);
    hcount = Math.floor((Math.random() * 10) + 1);
    if (!hcseen["s" + hcount] || !griddiv["s" + griddiv]) {
        hcseen["s" + hcount] = 1;
        gridseen["s" + griddiv] = 1;
        count = Math.floor((Math.random() * 3) + 1);
        $(divs[0]).text("xyz " + count + " add").insertAfter('#list-view .package-details-list:eq(' + hcount + ')');
        $(gridp).text("abc " + count + " add").insertAfter('#grid-view .package-grid-row clearfix');
    } else {
        k--;
    }
}
});