Перевод с javascript на jquery
 

Здравствуйте ! Появилась задача поменять написанный скрипт на javascript на jquery -код . Появились проблемы надеюсь с вашей помощью решить их .

var col = array [0][j];
var div_id = 'Station_' + col;
var message_id = 'Station_'+col+'_message';
var button_id = col;
var text_id = 'Text_'+ col;
var content1 = 'Content1_'+col;

               if (sostoianie !== pred_sostoianie)  {

                 if (sostoianie == 1) {                                   //создание элемента станции со всплывающими подсказками

var parent_box = document.getElementById('content');                  //создаём контейнер для станции и её подписи
var child_box = document.createElement('DIV');
child_box.className = 'box';
child_box.innerHTML = '<div class=add_div id='+div_id+'></div>     <div class=add_text id='+text_id+'>Станция'+col+'</div> '                                                                                                                                            
child_box.setAttribute('id', content1);
parent_box.appendChild(child_box);


 var parent_message = document.getElementById(content1);                //создаём подсказку
 var child_message = document.createElement('DIV');
 child_message.className = 'add_message';
//выводим содержимое подсказки из массива newMas
 child_message.innerHTML =  '<img class=add_button id='+button_id+' src = /sites/all/modules/custom/create_div/img/close-  
                                                                       button-mal.png >Стан   ция ' + col + "&nbsp; " + newMas[3][col - 1] +''           
   
    child_message.setAttribute('id', message_id);
    parent_message.appendChild(child_message);
             }

       else  if (sostoianie == 0) {                               //удаление всех созданных элементов если станции не существует

  var del_message = document.getElementById(message_id);
  var parent_message = document.getElementById(content1);
  parent_message.removeChild(del_message);


             var del_box = document.getElementById(content1);
             var parent_box = document.getElementById('content');
             parent_box.removeChild(del_box);
    }

                 }



     if (danger != = pred_danger) {                                              // проверка состояния станции
        if (danger == 1) {
  document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/stop_coreldraw_3.jpg')";               //   станция не работает

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }
                    else if (remont !== pred_remont){
                      if (remont == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remont_coreldraw_3.jpg')";              //   ремонт станции стануции

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (noconnect !== pred_noconnect){
                      if (noconnect == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/noconnect_coreldraw_3.jpg')";              //   со станцией нет связи

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (restore !== pred_restore){
                      if (restore == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remontvos_coreldraw_3.jpg')";              //   станция работает после восставновления

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

     }

Начал переделывать , получилось вот что :

var div_id = 'Station_' + col;
                 var message_id = 'Station_'+col+'_message';
                 var button_id = col;
                 var $text_id = 'Text_'+ col;
                 var $content1 = 'Content1_'+col;


               if (sostoianie !== pred_sostoianie)  {

                 if (sostoianie == 1) {                                   //создание элемента станции со всплывающими подсказками

  var $parent_box = $("#content");
   var $child_box =('<div>',{
    id:'content1',
    class:'box'
   });
   $("#content1").html('<div class=add_div id='+div_id+'></div>        <div class=add_text id='+$text_id+'>Станция '+col+'</div> ');
    $('parent_box').appendTo($('.child_box'));
     var parent_message =$("#content1");
      var $child_message =('<div>',{
    id:'$("message_id")',
    class:'add_message'
   });
    $("#mesage_id").html('<img class=add_button id='+button_id+' src = /sites/all/modules/custom/create_div/img/close-button-mal.png >Станция ' + col + "&nbsp; " + newMas[3][col - 1] +'');              //выводим содержимое подсказки из массива newMas
  $('parent_message').append($('child_message'));


             }


                 else  if (sostoianie == 0) {                               //удаление всех созданных элементов если станции не существует



                var del_message = document.getElementById(message_id);
             var parent_message = document.getElementById(content1);
             parent_message.removeChild(del_message);


             var del_box = document.getElementById(content1);
             var parent_box = document.getElementById('content');
             parent_box.removeChild(del_box)



    }

                 }



                       if (danger !== pred_danger) {                                              // проверка состояния станции
                          if (danger == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/stop_coreldraw_3.jpg')";              //   станция не работает

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }
                    else if (remont !== pred_remont){
                      if (remont == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remont_coreldraw_3.jpg')";              //   ремонт станции стануции

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (noconnect !== pred_noconnect){
                      if (noconnect == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/noconnect_coreldraw_3.jpg')";              //   со станцией нет связи

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

                 else if (restore !== pred_restore){
                      if (restore == 1) {

                               document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/remontvos_coreldraw_3.jpg')";              //   станция работает после восставновления

                          }
                            else {
                                 document.getElementById(div_id).style.backgroundImage = "url('/sites/all/modules/custom/create_div/img/rabota_coreldraw_3.jpg')";
                            }
                 }

     }

Вылетает ошибка TypeError: document.getElementById(div_id) is null .Не понимаю в чем проблема. Кому не сложно подскажите пожалуйста .
Заранее благодарю !

Sergey21,

для начала отформатируйте нормально код. На эту простыню невозможно смотреть.

немного подредактировал , но в файле нормально смотриться в редакторе , а вот на форуме так ! я могу скинуть вам в файле , если вам будет удобно так

Sergey21,

Вы можете приатачить файл к сообщению. Так будет удобней.