Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.10.2017, 13:37
Новичок на форуме
Отправить личное сообщение для killcomp Посмотреть профиль Найти все сообщения от killcomp
 
Регистрация: 11.10.2017
Сообщений: 3

Сравнение товаров opencart (подсветка различий)
Добрый день, есть скрипт
<script>
(function($){
  $(document).ready(function(){    
      var exc_arr = ["Наименование","Изображение","Цена","Модель","Рейтинг","Summary"];
      $(".table tbody tr").each(function(){
        var f = $(this).children("td").first().text();
        if( $.inArray(f,exc_arr) == -1 && f != "" ){
          var elm = $(this).children("td").map(function(){ return $(this).text(); });
          $(this).children("td").each(function(i){
            if( i != 0 && i != 1 ){
              if( elm[i] != elm[1]){ $(this).addClass("compare-diff"); }
            } 
          });
        }
      });    
  });
})(jQuery);
</script>

Он подсвечивает ячейки в таблице которые отличаются, а нужно подсветить всю строку tr
Я вообще ноль в JS подскажите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 11.10.2017, 13:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от killcomp
Он подсвечивает ячейки в таблице которые отличаются, а нужно подсветить всю строку tr
Значит класс нужно присваивать строке, а не ячейке... Наверняка еще сам селектор того класса придется менять как и его свойства...
Ответить с цитированием
  #3 (permalink)  
Старый 11.10.2017, 14:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

killcomp,
(function($){
  $(document).ready(function(){
      var exc_arr = ["Наименование","Изображение","Цена","Модель","Рейтинг","Summary"];
      $(".table tbody tr").each(function(k, tr){
        var f = $(this).children("td").first().text();
        if( $.inArray(f,exc_arr) == -1 && f != "" ){
          var elm = $(this).children("td").map(function(){ return $(this).text(); });
          $(this).children("td").each(function(i){
            if( i != 0 && i != 1 ){
              if( elm[i] != elm[1]){ $(tr).addClass("compare-diff"); }
            }
          });
        }
      });
  });
})(jQuery);
Ответить с цитированием
  #4 (permalink)  
Старый 11.10.2017, 14:08
Новичок на форуме
Отправить личное сообщение для killcomp Посмотреть профиль Найти все сообщения от killcomp
 
Регистрация: 11.10.2017
Сообщений: 3

Сообщение от ksa Посмотреть сообщение
Значит класс нужно присваивать строке, а не ячейке... Наверняка еще сам селектор того класса придется менять как и его свойства...
Понятно что класс нужно присваивать строке, как только это сделать? Че я только не менял в этом скрипте, ниче не получается.

По факту сравнить все td кроме первого и если есть отличия добавить класс к tr. Просто как это перевести все в код я не знаю. Ну и оставить функцию которая исключает столбцы которые не нужно сравнивать
Ответить с цитированием
  #5 (permalink)  
Старый 11.10.2017, 14:10
Новичок на форуме
Отправить личное сообщение для killcomp Посмотреть профиль Найти все сообщения от killcomp
 
Регистрация: 11.10.2017
Сообщений: 3

Сообщение от рони Посмотреть сообщение
killcomp,
(function($){
  $(document).ready(function(){
      var exc_arr = ["Наименование","Изображение","Цена","Модель","Рейтинг","Summary"];
      $(".table tbody tr").each(function(k, tr){
        var f = $(this).children("td").first().text();
        if( $.inArray(f,exc_arr) == -1 && f != "" ){
          var elm = $(this).children("td").map(function(){ return $(this).text(); });
          $(this).children("td").each(function(i){
            if( i != 0 && i != 1 ){
              if( elm[i] != elm[1]){ $(tr).addClass("compare-diff"); }
            }
          });
        }
      });
  });
})(jQuery);
Спасибо дружище, все именно так как нужно!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сравнение товаров в интернет-магазине html Элементы интерфейса 4 21.01.2015 20:34