Javascript.RU

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

Как можно улучшить этот {цензура}-код
Есть код на JS который вставляет данные из текстовых полей.
Как его упростить, что бы не писать столько строк. Спасибо.
$(document).ready(function(){
  //table 1 task 10
  $("#t10 .go").click(function(){
   t10v1=$("#t10v1").val();
   t10v2=$("#t10v2").val();
   t10v3=$("#t10v3").val();
   t10v4=$("#t10v4").val();
   t10v5=$("#t10v5").val();
   t101=$("#t101").val();
   t102=$("#t102").val();
   t103=$("#t103").val();
   t104=$("#t104").val();
   t105=$("#t105").val();
   t106=$("#t106").val();
   t107=$("#t107").val();
   t108=$("#t108").val();
   t109=$("#t109").val();
   t1010=$("#t1010").val();
   t1011=$("#t1011").val();
   t1012=$("#t1012").val();
   t1013=$("#t1013").val();
   t1014=$("#t1014").val();
   t1015=$("#t1015").val();
   t1016=$("#t1016").val();
   t1017=$("#t1017").val();
   t1018=$("#t1018").val();
   t1019=$("#t1019").val();
   t1020=$("#t1020").val();
   t1021=$("#t1021").val();
   $("#t10v1").parent().html(t10v1);
   $("#t10v2").parent().html(t10v2);
   $("#t10v3").parent().html(t10v4);
   $("#t10v4").parent().html(t10v4);
   $("#t10v5").parent().html(t10v5);
   $("#t101").parent().html(t101);
   $("#t102").parent().html(t102);
   $("#t103").parent().html(t103);
   $("#t104").parent().html(t104);
   $("#t105").parent().html(t105);
   $("#t106").parent().html(t106);
   $("#t107").parent().html(t107);
   $("#t108").parent().html(t108);
   $("#t109").parent().html(t109);
   $("#t1010").parent().html(t1010);
   $("#t1011").parent().html(t1011);
   $("#t1012").parent().html(t1012);
   $("#t1013").parent().html(t1013);
   $("#t1014").parent().html(t1014);
   $("#t1015").parent().html(t1015);
   $("#t1016").parent().html(t1016);
   $("#t1017").parent().html(t1017);
   $("#t1018").parent().html(t1018);
   $("#t1019").parent().html(t1019);
   $("#t1020").parent().html(t1020);
   $("#t1021").parent().html(t1021);
   $("#t10").fadeOut("slow");
   $("#t11").fadeIn("slow");
  });
  
  $("#t11 .go").click(function(){
   t11v1=$("#t11v1").val();
   t11v2=$("#t11v2").val();
   t11v3=$("#t11v3").val();
   t11v4=$("#t11v4").val();
   t11v5=$("#t11v5").val();
   t11v6=$("#t11v6").val();
   t11vv6=$("#ta11v6").val();
   t11vv7=$("#ta11v7").val();
   t111=$("#t111").val();
   t112=$("#t112").val();
   t113=$("#t113").val();
   t114=$("#t114").val();
   t115=$("#t115").val();
   t116=$("#t116").val();
   t117=$("#t117").val();
   t118=$("#t118").val();
   t119=$("#t119").val();
   t1110=$("#t1110").val();
   t1111=$("#t1111").val();
   t1112=$("#t1112").val();
   t1113=$("#t1113").val();
   t1114=$("#t1114").val();
   t1115=$("#t1115").val();
   t1116=$("#t1116").val();
   t1117=$("#t1117").val();
   t1118=$("#t1118").val();
   t1119=$("#t1119").val();
   t1120=$("#t1120").val();
   $("#t11v1").parent().html(t11v1);
   $("#t11v2").parent().html(t11v2);
   $("#t11v3").parent().html(t11v4);
   $("#t11v4").parent().html(t11v4);
   $("#t11v5").parent().html(t11v5);
   $("#t11v6").parent().html(t11v6);
   $("#t11vv6").parent().html(t11vv6);
   $("#t11vv7").parent().html(t11vv7);
   $("#t111").parent().html(t111);
   $("#t112").parent().html(t112);
   $("#t113").parent().html(t113);
   $("#t114").parent().html(t114);
   $("#t115").parent().html(t115);
   $("#t116").parent().html(t116);
   $("#t117").parent().html(t117);
   $("#t118").parent().html(t118);
   $("#t119").parent().html(t119);
   $("#t1110").parent().html(t1110);
   $("#t1111").parent().html(t1111);
   $("#t1112").parent().html(t1112);
   $("#t1113").parent().html(t1113);
   $("#t1114").parent().html(t1114);
   $("#t1115").parent().html(t1115);
   $("#t1116").parent().html(t1116);
   $("#t1117").parent().html(t1117);
   $("#t1118").parent().html(t1118);
   $("#t1119").parent().html(t1119);
   $("#t1120").parent().html(t1120);
   $("#t11").fadeOut("slow");
   $("#t12").fadeIn("slow");
  });
  
  $("#t12 .go").click(function(){
   t121=$("#t121").val();
   t122=$("#t122").val();
   t123=$("#t123").val();
   t124=$("#t124").val();
   t125=$("#t125").val();
   t126=$("#t126").val();
   t127=$("#t127").val();
   t128=$("#t128").val();
   t129=$("#t129").val();
   t1210=$("#t1210").val();
   t1211=$("#t1212").val();
   t1212=$("#t1212").val();
   t1213=$("#t1213").val();
   t1214=$("#t1214").val();
   t1215=$("#t1215").val();
   t1216=$("#t1216").val();
   t1217=$("#t1217").val();
   t1218=$("#t1218").val();
   t1219=$("#t1219").val();
   t1220=$("#t1220").val();
   t1221=$("#t1221").val();
   t1222=$("#t1222").val();
   t1223=$("#t1223").val();
   t1224=$("#t1224").val();
   t1225=$("#t1225").val();
   t1226=$("#t1226").val();
   t1227=$("#t1227").val();
   t1228=$("#t1228").val();
   t1229=$("#t1229").val();
   t1230=$("#t1230").val();
   $("#t121").parent().html(t121);
   $("#t122").parent().html(t122);
   $("#t123").parent().html(t123);
   $("#t124").parent().html(t124);
   $("#t125").parent().html(t125);
   $("#t126").parent().html(t126);
   $("#t127").parent().html(t127);
   $("#t128").parent().html(t128);
   $("#t129").parent().html(t129);
   $("#t1210").parent().html(t1210);
   $("#t1211").parent().html(t1211);
   $("#t1212").parent().html(t1212);
   $("#t1213").parent().html(t1213);
   $("#t1214").parent().html(t1214);
   $("#t1215").parent().html(t1215);
   $("#t1216").parent().html(t1216);
   $("#t1217").parent().html(t1217);
   $("#t1218").parent().html(t1218);
   $("#t1219").parent().html(t1219);
   $("#t1220").parent().html(t1220);
   $("#t1221").parent().html(t1221);
   $("#t1222").parent().html(t1222);
   $("#t1223").parent().html(t1223);
   $("#t1224").parent().html(t1224);
   $("#t1225").parent().html(t1225);
   $("#t1226").parent().html(t1226);
   $("#t1227").parent().html(t1227);
   $("#t1228").parent().html(t1228);
   $("#t1229").parent().html(t1229);
   $("#t1230").parent().html(t1230);
   $("#t12").fadeOut("slow");
   $("#t13").show("slow");
  });
  
  $("#t13 .go").click(function(){
   t131=$("#t131").val();
   t132=$("#t132").val();
   t133=$("#t133").val();
   t134=$("#t134").val();
   t135=$("#t135").val();
   t136=$("#t136").val..
[19:50:51] eko24: -------------------------\
[19:50:52] eko24: $("#t10 .go").click(function(){
   t10v1=$("#t10v1").val();
   t10v2=$("#t10v2").val();
   t10v3=$("#t10v3").val();
   t10v4=$("#t10v4").val();
   t10v5=$("#t10v5").val();
   t101=$("#t101").val();
   t102=$("#t102").val();
   t103=$("#t103").val();
   t104=$("#t104").val();
   t105=$("#t105").val();
   t106=$("#t106").val();
   t107=$("#t107").val();
   t108=$("#t108").val();
   t109=$("#t109").val();
   t1010=$("#t1010").val();
   t1011=$("#t1011").val();
   t1012=$("#t1012").val();
   t1013=$("#t1013").val();
   t1014=$("#t1014").val();
   t1015=$("#t1015").val();
   t1016=$("#t1016").val();
   t1017=$("#t1017").val();
   t1018=$("#t1018").val();
   t1019=$("#t1019").val();
   t1020=$("#t1020").val();
   t1021=$("#t1021").val();
   $("#t10v1").parent().html(t10v1);
   $("#t10v2").parent().html(t10v2);
   $("#t10v3").parent().html(t10v4);
   $("#t10v4").parent().html(t10v4);
   $("#t10v5").parent().html(t10v5);
   $("#t101").parent().html(t101);
   $("#t102").parent().html(t102);
   $("#t103").parent().html(t103);
   $("#t104").parent().html(t104);
   $("#t105").parent().html(t105);
   $("#t106").parent().html(t106);
   $("#t107").parent().html(t107);
   $("#t108").parent().html(t108);
   $("#t109").parent().html(t109);
   $("#t1010").parent().html(t1010);
   $("#t1011").parent().html(t1011);
   $("#t1012").parent().html(t1012);
   $("#t1013").parent().html(t1013);
   $("#t1014").parent().html(t1014);
   $("#t1015").parent().html(t1015);
   $("#t1016").parent().html(t1016);
   $("#t1017").parent().html(t1017);
   $("#t1018").parent().html(t1018);
   $("#t1019").parent().html(t1019);
   $("#t1020").parent().html(t1020);
   $("#t1021").parent().html(t1021);
   $("#t10").fadeOut("slow");
   $("#t11").fadeIn("slow");
  });
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2012, 22:05
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

Используй селекторы к атрибутам.

Последний раз редактировалось eko24, 06.11.2012 в 00:08. Причина: Орф. ошибка
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2012, 22:38
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

$("#t10 .go").click(function(){
    $('[id^="t10"]:not([id="t10"])').each(function() {
        $(this).parent().html( $( this ).val() );
    });
});
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 04.11.2012 в 22:40.
Ответить с цитированием
  #4 (permalink)  
Старый 04.11.2012, 22:41
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

1. сделай в цикле, т.к. можно обращаться $("#t10v"+i).val();

2. еще можно как-то так
$("[id^=#t10v]").each(function(){
    $(this).parent().html($(this).val());
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передал аяксом класс в <div>, но как отловить событите клик на этот класс ? saturn Элементы интерфейса 11 31.05.2012 10:30
Как то можно узнать ID HTML элемента вызвавшего JavaScript функцию? Opusel Events/DOM/Window 1 18.12.2011 18:36
Можно ли в jQuery селектор вставлять перменные и как? jsuse jQuery 2 04.12.2011 01:27
Как можно сократить такую строчку кода. saturn Элементы интерфейса 2 30.11.2011 21:03
как можно доотправить форму Артем125 AJAX и COMET 1 23.11.2011 21:22