jquery 得到指定div下面的指定div

jquerydiv

解决方案 »

  1.   

    你的意思是点击某个div然后获取他吗？还是什么意思
      

  2.   

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    </head>
    <body><div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    <script>
    alert($("#div0>div").length);//获取子元素
    alert($("#div1").next().html());//获取下一节点
    </script>
    </body>
    </html>
      

  3.   

    我的意思是div0下面有很多div ,并且都有ID，我想知道div0 下面有没有某个div ；
    比如我想知道div0  下面有没有   id为div3 和div99  ；js怎么写？
      

  4.   

    alert($("#div0 #div3").length?'有div3':'没有div3')
      

  5.   

    用$(:selector).length就能知道指定选择器是否有符合的元素存在
    选择器随便写啦
    $("#div0>#div1").length;
    $("#div0").find("#div1").length;
    $("#div0 #div1").length;
      

  6.   

    if($("#div0 #div3").is("div")){
         alert("有");
    }else{
        alert('没有');
    }
      

  7.   

    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    如果我想添加一个var htmhf=  " <div id = "div6">6</div>" document.getElementById('div0').innerHTML += htmhf;
    结果是
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
       <div id = "div6">6</div>
      </div>
    我想得到的结果是
    <div id="div0">
       <div id = "div6">6</div>
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    我想让新加入的层在最上面，怎么做到？
      

  8.   

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    </head>
    <body>
     
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    <script>
    $('#div0').before('<div id = "div6">6</div>')
    </script>
    </body>
    </html>
      

  9.   

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    </head>
    <body>
     
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    <script>
    $('#div0').before('<div id = "div6">6</div>')
    </script>
    </body>
    </html>
    $('#div0').before('<div id = "div6">6</div>')   这句代码得到的结果是   <div id = "div6">6</div>
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    不是我想要的结果啊
    <div id="div0">
       <div id = "div6">6</div>
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
      

  10.   

    ......这.. 直接这样啊
    document.getElementById('div0').innerHTML = htmhf + document.getElementById('div0').innerHTML;
    如果用原生js, 向指定位置插入结点, 用insertBefore来做:
    var div0 = document.getElementById("div0");
    var div1 = document.getElementById("div1");
    var div6 = document.createElement("div");
    div6.id = "div6";
    div6.innerHTML = "6";
    div0.insertBefore(div6, div1);
      

  11.   

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    </head>
    <body>
     
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    <script>
    $('#div0').before('<div id = "div6">6</div>')
    </script>
    </body>
    </html>
    $('#div0').before('<div id = "div6">6</div>')   这句代码得到的结果是   <div id = "div6">6</div>
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    不是我想要的结果啊
    <div id="div0">
       <div id = "div6">6</div>
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    $('#div0').prepend('<div id = "div6">6</div>');
      

  12.   

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    </head>
    <body>
      
    <div id="div0">
       <div id = "div1">1</div>
       <div id = "div2">2</div>
       <div id = "div3">3</div>
       <div id = "div4">4</div>
       <div id = "div5">5</div>
      </div>
    <script>
    $('#div0').prepend('<div id = "div6">6</div>')
    </script>
    </body>
    </html>
      

  13.   

    ......这.. 直接这样啊
    document.getElementById('div0').innerHTML = htmhf + document.getElementById('div0').innerHTML;
    如果用原生js, 向指定位置插入结点, 用insertBefore来做:
    var div0 = document.getElementById("div0");
    var div1 = document.getElementById("div1");
    var div6 = document.createElement("div");
    div6.id = "div6";
    div6.innerHTML = "6";
    div0.insertBefore(div6, div1);如果<div id="div0">
           <div  >6</div>
           <div >1</div>
           <div >2</div>
           <div  >3</div>
           <div  >4</div>
             <div >5</div>
      </div>
    如果里面的div 没有ID那么我想插入到最前面怎么做到？