ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Можно ли упростить JS код ?
44 сообщений из 44, показаны все 2 страниц
  все  
Можно ли упростить JS код ?
    #37965152
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
Имеется таблица след. содержания:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<table>
.......
<tr>
     <td><strong>5 шт.</strong></td>
     <td class="tovar">Наименование товара</td>
     <td class="tovar">Завод изготовитель</td>
     <td><a href="#" class="update_tovar" id='tov-12345'>Изменить</a></td>
</tr>
.......
</table>


При нажатии на ссылку "Изменить" мне нужно получить "Наименование товара" и "Завод изготовитель".
Делаю это так:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
$('.update_tovar').live('click', function(e){

    tovar = $(this).parent().parent().find('.tovar').eq(0).text();
    zavod = $(this).parent().parent().find('.tovar').eq(1).text();

    alert(tovar +' \n'+ zavod);
        
});



Можно ли упростить присвоение переменным tovar и zavod ?
...
Рейтинг: 0 / 0
20.09.2012, 10:20:42
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965179
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
$tds = $(this).parent().parent().find('.tovar');
tovar = $tds.eq(0).text();
zavod = $tds.eq(1).text();

tdz = this.parentNode.previousSibling;
tdt = tdz.previousSibling;
tovar = tdt.innerHTML;
zavod = tdz.innerHTML;
...
Рейтинг: 0 / 0
20.09.2012, 10:32:59
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965238
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
Переменной tovar присваивается "Завод изготовитель"
переменной zavod - undefined
...
Рейтинг: 0 / 0
20.09.2012, 11:09:28
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965284
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Все время забываю про текстовые сиблинги с переносами и пробелами.
Код: javascript
1.
2.
tdz = this.parentNode.previousSibling.previousSibling;
tdt = tdz.previousSibling.previousSibling;
...
Рейтинг: 0 / 0
20.09.2012, 11:27:37
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965300
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Antonariy
Код: javascript
1.
.parent().parent()

http://api.jquery.com/closest/
...
Рейтинг: 0 / 0
20.09.2012, 11:31:28
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965311
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
не того человека процитировал, сорри
...
Рейтинг: 0 / 0
20.09.2012, 11:36:23
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965314
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<body>
<table>
<tr>
     <td><strong>5 шт.</strong></td>
     <td class="tovar">Наименование товара</td>
     <td class="tovar">Завод изготовитель</td>
     <td><a href="javascript:void(0);" onclick="alert(this.parentNode.parentNode.cells[1].innerHTML+'\n'+this.parentNode.parentNode.cells[2].innerHTML);" class="update_tovar" id='tov-12345'>Изменить</a></td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
20.09.2012, 11:37:02
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965320
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
AntonariyВсе время забываю про текстовые сиблинги с переносами и пробелами.
Код: javascript
1.
2.
tdz = this.parentNode.previousSibling.previousSibling;
tdt = tdz.previousSibling.previousSibling;



Да, работает. Но в итоге получаем :

Код: javascript
1.
2.
    tovar = this.parentNode.previousSibling.previousSibling.previousSibling.previousSibling.innerHTML;   
    zavod = this.parentNode.previousSibling.previousSibling.innerHTML;



вместо :
Код: javascript
1.
2.
    tovar = $(this).parent().parent().find('.tovar').eq(0).text();
    zavod = $(this).parent().parent().find('.tovar').eq(1).text();



Что-то не получается короче.
...
Рейтинг: 0 / 0
20.09.2012, 11:39:38
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965495
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Мои 5 копеек...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(e){
	$('.update_tovar').live('click', function(e){
		tovar = $(this).parents('tr').find('.tovar').eq(0).text();
		zavod = $(this).parents('tr').find('.tovar').eq(1).text();
		alert(tovar +' \n'+ zavod);
	});
});
</script>
</head>
<body>
<table>
<tr>
     <td><strong>5 шт.</strong></td>
     <td class="tovar">Наименование товара</td>
     <td class="tovar">Завод изготовитель</td>
     <td><a href="#" class="update_tovar" id='tov-12345'>Изменить</a></td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
20.09.2012, 12:55:26
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965498
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
И еще нажим!

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript">
$(document).ready(function(e){
	$('.update_tovar').live('click', function(e){
		tovar = $('.tovar',$(this).parents('tr')).eq(0).text();
		zavod = $('.tovar',$(this).parents('tr')).eq(1).text();
		alert(tovar +' \n'+ zavod);
	});
});
</script>
...
Рейтинг: 0 / 0
20.09.2012, 12:57:21
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965504
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
И если структура ячеек всегда такая...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript">
$(document).ready(function(e){
	$('.update_tovar').live('click', function(e){
		tovar = $('td',$(this).parents('tr')).eq(1).text();
		zavod = $('td',$(this).parents('tr')).eq(2).text();
		alert(tovar +' \n'+ zavod);
	});
});
</script>
...
Рейтинг: 0 / 0
20.09.2012, 12:59:48
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965519
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Кумир! Добей меня танцем!!! (с) КВН

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script type="text/javascript">
$(document).ready(function(e){
	$('.update_tovar').live('click', function(e){
		zavod=$('td',$(this).parents('tr'));
		tovar = zavod.eq(1).text();
		zavod = zavod.eq(2).text();
		alert(tovar +' \n'+ zavod);
	});
});
</script>
...
Рейтинг: 0 / 0
20.09.2012, 13:04:30
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965527
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
andMegaMAntonariyВсе время забываю про текстовые сиблинги с переносами и пробелами.
Код: javascript
1.
2.
tdz = this.parentNode.previousSibling.previousSibling;
tdt = tdz.previousSibling.previousSibling;



Да, работает. Но в итоге получаем :

Код: javascript
1.
2.
    tovar = this.parentNode.previousSibling.previousSibling.previousSibling.previousSibling.innerHTML;   
    zavod = this.parentNode.previousSibling.previousSibling.innerHTML;



вместо :
Код: javascript
1.
2.
    tovar = $(this).parent().parent().find('.tovar').eq(0).text();
    zavod = $(this).parent().parent().find('.tovar').eq(1).text();



Что-то не получается короче.А зачем плодить одни и те же действия? Копипастом код пишешь что ли?
this.parentNode.previousSibling.previousSibling или $(this).parent().parent().find('.tovar') повторенное несколько раз является говнокодом.
Привычка так писать откликнется тормозами в каком-нибудь цикле.
...
Рейтинг: 0 / 0
20.09.2012, 13:07:01
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965546
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ShSerge
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<body>
<table>
<tr>
     <td><strong>5 шт.</strong></td>
     <td class="tovar">Наименование товара</td>
     <td class="tovar">Завод изготовитель</td>
     <td><a href="javascript:void(0);" onclick="alert(this.parentNode.parentNode.cells[1].innerHTML+'\n'+this.parentNode.parentNode.cells[2].innerHTML);" class="update_tovar" id='tov-12345'>Изменить</a></td>
</tr>
</table>
</body>
</html>


А чем моё не годится-то? Или я чё-то не понял?
...
Рейтинг: 0 / 0
20.09.2012, 13:14:02
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965593
как-то так...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как-то так...
Гость
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
window.onload = function() {
     var upd = document.getElementsByClassName('update_tovar'),
     i, max;
     for(i = 0, max = upd.length; i < max; i += 1) {
           upd[i].onclick = function() {
                  var inf = this.parentNode.parentNode.getElementsByClassName('tovar');
                  console.log(inf[0] + ' ' + inf[1]);
           };
     }
};


если покажется не очень кроссброузерно или ("повторенное несколько раз является говнокодом" (С) ;) можно самому реализовать методы
getElementsByClassName
+ поиск родительского нода по его имени - там несложно (банальная рекурсия)!!!
...
Рейтинг: 0 / 0
20.09.2012, 13:28:17
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965612
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
как-то так...можно самому реализовать методы
getElementsByClassName
Часы-то маленькие... А вот батарейки к ним в двух чемоданах! (с) из анекдота
...
Рейтинг: 0 / 0
20.09.2012, 13:35:05
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965616
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ShSergeА чем моё не годится-то?
Букав в нём много...
...
Рейтинг: 0 / 0
20.09.2012, 13:36:45
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965672
как то так...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как то так...
Гость
авторЧасы-то маленькие... А вот батарейки к ним в двух чемоданах! (с) из анекдота
ой! relax... jQuery чай поболе будет!
...
Рейтинг: 0 / 0
20.09.2012, 13:59:00
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965695
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
krvsaКумир! Добей меня танцем!!! (с) КВН

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script type="text/javascript">
$(document).ready(function(e){
	$('.update_tovar').live('click', function(e){
		zavod=$('td',$(this).parents('tr'));
		tovar = zavod.eq(1).text();
		zavod = zavod.eq(2).text();
		alert(tovar +' \n'+ zavod);
	});
});
</script>


Спасибо! Такой вариант, как мне кажется, более понятен и удобочитаем.
...
Рейтинг: 0 / 0
20.09.2012, 14:07:07
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965732
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
andMegaM,

В своём-ли Вы уме?
...
Рейтинг: 0 / 0
20.09.2012, 14:23:33
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965830
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
ShSergeandMegaM,

В своём-ли Вы уме?
что нетак?
...
Рейтинг: 0 / 0
20.09.2012, 14:53:36
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965852
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
andMegaMShSergeandMegaM,

В своём-ли Вы уме?
что нетак?
Возьмите мой код. Типа, скопировать в файл и запустить из-под любого браузера, не работает? Надо жКвери с говнокодом прикручивать?
Я ответил чисто по сабжу: " Можно ли упростить JS код ? ". Может, я его не совсем понял. А если верно понял, то спросил: "в своём-ли Вы уме".
...
Рейтинг: 0 / 0
20.09.2012, 15:04:28
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965891
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andMegaM
Участник
К проекту уже прикручен Jquery и писать чистый JS-код считаю не совсем правильным подходом.
Конечно, ради одной кнопки прикручивать Jquery не стал бы.

Почему след. код считается говнокодом?
Код: javascript
1.
2.
3.
4.
5.
6.
$('.update_tovar').live('click', function(e){
   zavod=$('td',$(this).parents('tr'));
   tovar = zavod.eq(1).text();
   zavod = zavod.eq(2).text();
   alert(tovar +' \n'+ zavod);
});
...
Рейтинг: 0 / 0
20.09.2012, 15:19:05
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965920
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
andMegaM,

Букаф много.
...
Рейтинг: 0 / 0
20.09.2012, 15:29:26
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965925
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
andMegaMК проекту уже прикручен Jquery и писать чистый JS-код считаю не совсем правильным подходом...
Считайте себе, что хотите, только потом не задавайте вопросов, что в сабже: " Можно ли упростить JS код ?".
...
Рейтинг: 0 / 0
20.09.2012, 15:32:15
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37965968
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
andMegaMПочему след. код считается говнокодом?JQuery API As of jQuery 1.7 , the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().
...
Рейтинг: 0 / 0
20.09.2012, 15:51:10
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966080
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Ещё плохо мешать в названиях классов английский и транслит. И надо задуматься о нормальном семантическом HTML.
Пример:
...
Рейтинг: 0 / 0
20.09.2012, 16:48:08
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966103
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
<!DOCTYPE HTML>
<html>  
  <head>    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <style>
      .product-list, .product-list .cell {
        border: solid 1px #000;
        border-collapse: collapse;
      }
      
      .product-list .caption {
        background-color: #1b73a5;
        color: #fff;
      }
      
      .product-list .cell {
        padding: 8px;
      }
      
      .product-list .quantity {
        font-weight: bold;
      }
    </style>
  </head>  
  <body>
    <table class="product-list">
      <thead class="caption">
        <tr>
          <td>Кол-во</td>
          <td>Наименование товара</td>
          <td>Завод изготовитель</td>
          <td></td>
        </tr>
      </thead>
      <tbody class="content">
        <tr class="product" id="product-12345">
          <td class="cell quantity">5 шт.</td>
          <td class="cell name">Сени новые кленовые</td>
          <td class="cell manufacturer">ООО "Сени"</td>
          <td class="cell">
            <a href="#" class="update-product">Изменить</a>
          </td>
        </tr>
      </tbody>
    </table>
    <script>
      $('.product-list').on('click', '.update-product', onUpdateProductClick);
      
      function onUpdateProductClick() {
        var product = $(this).closest('.product'),
            productManufacturer = product.find('.manufacturer').text(),
            productName = product.find('.name').text();
        
        alert(productName + '\n' + productManufacturer);
      }
    </script>
  </body>
</html>
...
Рейтинг: 0 / 0
20.09.2012, 16:54:06
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966157
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
а так? =
Код: javascript
1.
2.
3.
4.
5.
6.
7.
      jQuery(".update-product").each(function(){
        jQuery(this).click(function(){
          var productManufacturer = jQuery(this).parent().prev().text();
          var productName = jQuery(this).parent().prev().prev().text();
          alert(productName + '\n' + productManufacturer);
        });
      });
...
Рейтинг: 0 / 0
20.09.2012, 17:20:57
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966209
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
buyboy, плохо...Делегирование событийЕсли у вас есть много элементов, события на которых нужно обрабатывать похожим образом, то не стоит присваивать отдельный обработчик каждому.А Вы как раз таки присваиваете отдельный обработчик каждому элементу класса update-product

Цитата взята отсюда
...
Рейтинг: 0 / 0
20.09.2012, 17:47:19
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966214
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
+ запись var productName = jQuery(this).parent().prev().prev().text() не читается ни фига и перестанет работать, если в таблицу добавить колонку(и) :)
...
Рейтинг: 0 / 0
20.09.2012, 17:49:43
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966253
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
skyANA,
по идее обход each можно убрать
...
Рейтинг: 0 / 0
20.09.2012, 18:16:41
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966261
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
skyANA,
и вешать клик на класс тега
...
Рейтинг: 0 / 0
20.09.2012, 18:19:36
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966269
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
skyANA перестанет работать, если в таблицу добавить колонку(и) :) это да
...
Рейтинг: 0 / 0
20.09.2012, 18:27:29
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966295
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
buyboyпо идее обход each можно убратьЕсли убрать each, то мы получим укороченную запись on, т.к. JQuery клик это:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
function( data, fn ) {
    if ( fn == null ) {
        fn = data;
        data = null;
    }
    
    return arguments.length > 0 ?
        this.on( 'click', null, data, fn ) : // <- Обратите внимание :)
        this.trigger( 'click' );
};


Так что не вижу профита :)
...
Рейтинг: 0 / 0
20.09.2012, 18:59:30
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966313
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
тогда так:
1) тег а убираем из ячейки cell - и вставляем текст Изменить прямо в ячейку
2) во внедренных в страницу css стилях прописываем td.cell { cursor: pointer;}
и применяем jQuery так =
Код: javascript
1.
2.
3.
4.
5.
      jQuery("td.cell").click(function(){
        var productManufacturer = jQuery(this).parent().children("td[class$='name']").text();
        var productName = jQuery(this).parent().children("td[class$='manufacturer']").text();
        alert(productName + '\n' + productManufacturer);
      });

и можем добавлять ячейки - сколько душе угодно
так как выборка текста будет привязана на класс соответствующей ячейки
рабочий файл прикладываю
...
Рейтинг: 0 / 0
20.09.2012, 19:18:23
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966338
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
buyboy,
1. td.cell { cursor: pointer;} никто кроме Вас не поймёт, более того удивится тому, что ячейка таблицы (td) класса "ячейка" (cell) имеет cursor: pointer :)
2. зачем вообще в селекторах CSS и селекторах jQuery зашивать td? Если я завтра решу, что таблицы - это зло и переверстаю на дивы?
3. И чем в итоге Ваш вариант отличается от моего?

P.S.: анонимные функции - зло :) разрастаются и превращаются в нечитабельную лапшу
...
Рейтинг: 0 / 0
20.09.2012, 19:33:57
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966428
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
skyANAbuyboy,
1. td.cell { cursor: pointer;} никто кроме Вас не поймёт, более того удивится тому, что ячейка таблицы (td) класса "ячейка" (cell) имеет cursor: pointer :) — как, так не поймет?! такой код создает как минимум верстальщик, а то и web-мастер = такие люди должны знать эти вещи
2. зачем вообще в селекторах CSS и селекторах jQuery зашивать td? Если я завтра решу, что таблицы - это зло и переверстаю на дивы? — да ради бога! можна писать без td - ссылка на голое имя класса тоже гут
3. И чем в итоге Ваш вариант отличается от моего? — тем что я вижу по своему, а вы по своему = элементарно иная точка зрения

P.S.: анонимные функции - зло :) разрастаются и превращаются в нечитабельную лапшу — как нуб,без всякого сомнения соглашаюсь с гуру ну уж если не хочется убирать ссылку из ячейки :) тогда пусть будет так =
Код: javascript
1.
2.
3.
4.
5.
      jQuery(".update-product").click(function(){
        var productManufacturer = jQuery(this).parent().parent().children("td[class$='name']").text();
        var productName = jQuery(this).parent().parent().children("td[class$='manufacturer']").text();
        alert(productName + '\n' + productManufacturer);
      });
...
Рейтинг: 0 / 0
20.09.2012, 20:57:39
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966441
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
как то так...jQuery чай поболе будет!
Бесспорно!
Но он уже есть у автора...
...
Рейтинг: 0 / 0
20.09.2012, 21:15:44
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966444
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ShSergeБукаф много.
Жукан.
...
Рейтинг: 0 / 0
20.09.2012, 21:17:53
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966459
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsaShSergeБукаф много.
Жукан.
Застрелиться что-ли?
...
Рейтинг: 0 / 0
20.09.2012, 21:37:44
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966461
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
если стоит вопрос переверстки на дивы и не нужна привязка на тип тега, тогда так =
Код: javascript
1.
2.
3.
4.
5.
jQuery(".update-product").click(function(){
  var productManufacturer = jQuery(this).parentsUntil(".product").children("[class$='manufacturer']").text();
  var productName = jQuery(this).parentsUntil(".product").children("[class$='name']").text();
  alert(productName + '\n' + productManufacturer);
});
...
Рейтинг: 0 / 0
20.09.2012, 21:40:04
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966499
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Когда уже любители поматчить 100500 раз одни и теже массивы строк в поисках ожного и того же на радость пользователям мобильных и/или слабых устройств состарятся и уйдут на пенсию, а?

Чтоб пройти "1 квартал и свернуть направо" во чтобы-то не стало надо отfindить все возможные повороты, отматчить все попадающиеся названия улиц, свериться с гуглмапсом и пустить десяток псов, чтобы разнюхали.

Эй, бро! ОДИН квартал прямо, потом - НАПРАВО. Всё!
...
Рейтинг: 0 / 0
20.09.2012, 22:17:51
| Ответить | Цитировать | Написать  
Можно ли упростить JS код ?
    #37966500
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
skyANA предложил наиболее красивое решение

Тему закрываю, потому что превращается непонятно во что.
...
Рейтинг: 0 / 0
20.09.2012, 22:19:04
| Ответить | Цитировать | Написать  
44 сообщений из 44, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Можно ли упростить JS код ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1449319]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 686ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 77ms
get tp. blocked users:
 2ms
others: 204ms
total:  1003ms
созд. / загр.: 1003ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]