Skip to main content

Get element and child or sibling with javascript without jquery


Get element and child or sibling with javascript without jquery

  <script type="text/javascript">

       function myFunction(ele,condition) {
            var x = ele;
            var a;
            for (a = 0; a < x.length; a++){
                if(x[a].nodeName == condition){
                  return x[a];
                }
            }    
           return false;
       }  

      function changeArrow(ele){
       
        var nextchildele = ele.childNodes;
        var parentele = ele.parentElement;
        var nextele = parentele.nextSibling;
        console.log(nextchildele);

        var i = 1;
        var eleNow;
        while (nextele) {
          console.log(i + '. ' + nextele.nodeName);
          if(nextele.nodeName == 'DIV'){
            eleNow = nextele;
            if(hasClass(eleNow, 'in') === true){
               
                var res = myFunction(nextchildele,'H4');
                var nextnextele = res.childNodes;
                var res = myFunction(nextnextele,'SPAN');
               
                res.classList.remove("glyphicon-triangle-right-cust");
                res.classList.add("glyphicon-triangle-bottom");
            } else{
                var res = myFunction(nextchildele,'H4');
                var nextnextele = res.childNodes;
                var res = myFunction(nextnextele,'SPAN');
               
                res.classList.remove("glyphicon-triangle-bottom");
                res.classList.add("glyphicon-triangle-right-cust");
            }
          }
          nextele = nextele.nextSibling;
          i++;
        }


     
return;
       

      }

      function hasClass(element, className) {
        return element.className && new RegExp("(^|\\s)" + className + "(\\s|$)").test(element.className);
      }

Comments

Popular posts from this blog

Error: ios-deploy was not found. Please download, build and install version 1.9.0 or greater from https://github.com/phonegap/ios-deploy into your path, or do 'npm install -g ios-deploy' solution this solved the issue sudo npm install -g ios-deploy -unsafe-perm

Error: ios-deploy was not found. Please download, build and install version 1.9.0 or greater from https://github.com/phonegap/ios-deploy into your path, or do 'npm install -g ios-deploy' solution this solved the issue sudo npm install -g ios-deploy -unsafe-perm

How to upload file in MEAN Stack

How to upload file in MEAN Stack Do these steps 1. npm install ng-file-upload 2. include ng-file-upload.min.js in your angular index .html 3. Use this example to copy form to your angular page from where u want to upload file. -- http://jsfiddle.net/0m29o9k7/ or http://jsfiddle.net/danialfarid/2vq88rfs/136/ Copy this code outside of any form which is already there: 4. Change this url from example code to where you want to upload files -- url: 'https://angular-file-upload-cors-srv.appspot.com/upload', 6. In your server.js or app.js which ever you are using as (node server.js) to start app add these lines     var crypto = require('crypto');         var mime = require('mime');         var multer  = require('multer');                     var storage = multer.diskStorage({           destination: function (req, file, cb) {     ...