Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » jQuery » Как сократить js скрипт?

Как сократить js скрипт?

ushkom 14.09.2020 jQuery, Ламерские вопросы 997

вопрос

Всем доброго времени суток. У меня при добавлении новости доп. поля скрыты js скриптом:


$('#ingredient-2, #ingredient-3, #ingredient-4, #ingredient-5, #ingredient-6, #ingredient-7, #ingredient-8, #ingredient-9, #ingredient-10, #ingredient-11, #ingredient-12, #ingredient-13, #ingredient-14, #ingredient-15, #ingredient-16, #ingredient-17, #ingredient-18, #ingredient-19, #ingredient-20, #ingredient-21, #ingredient-22, #ingredient-23, #ingredient-24, #ingredient-25, #ingredient-26, #ingredient-27, #ingredient-28, #ingredient-29, #ingredient-30,#poshagovoe-2, #poshagovoe-3, #poshagovoe-4, #poshagovoe-5, #poshagovoe-6, #poshagovoe-7, #poshagovoe-8, #poshagovoe-9, #poshagovoe-10, #poshagovoe-11, #poshagovoe-12, #poshagovoe-13, #poshagovoe-14, #poshagovoe-15, #poshagovoe-16, #poshagovoe-17, #poshagovoe-18, #poshagovoe-19, #poshagovoe-20, #poshagovoe-21, #poshagovoe-22, #poshagovoe-23, #poshagovoe-24, #poshagovoe-25, #poshagovoe-26, #poshagovoe-27, #poshagovoe-28, #poshagovoe-29, #poshagovoe-30, #opisanie-2').hide();

Но мне нужно скрывать их только если поле не заполнено, выглядит это так:

Показать / Скрыть текст


			xf_ingredient_2 = $('#xf_ingredient-2').val();
			
			if(xf_ingredient_2 == '')
			{
				$('#ingredient-2).hide();
			}

И так с каждым полем, их очень много. Есть возможность каким то образом это сделать более сжатым, иначе будет 59 таких if. Заранее спасибо за помощь.

Ответил: LazyDev

<script>
$(function () {
    const arrayXFid = ['ingredient-1', 'poshagovoe-1'];
    $('[id*=xf_ingredient], [id*=xf_poshagovoe], [id*=xf_opisanie]').each(function(i, e) {
        let name = $(this).prop('id');
        name = name.replace(/xf_/gi, '');
        if (!arrayXFid.includes(name)) {
            $(this).val().toString().trim() !== '' || $('#' + name).hide();
        }
    });
});
</script>

10 комментариев

Эксперт

798

TeraMoune - 2020-09-0215 сентября 2020 04:46 - #77666


$('input[name^="xfield"]').each(function( index, obj ) {
 
    if( !$(obj).val() ) $(obj).hide();
     
});

Тестовый репозиторий установки плагинов: teramoune

Юзер

167

ushkom - 2020-09-0215 сентября 2020 16:51 - #77673

Спасибо за отклик. Не совсем понял, вместо name указать ingredient? Если так, данный код будет скрывать все поля ingredient, а мне ingredient-1 не нужно скрывать. Или я неправильно понял?

PHP-developer

1696

LazyDev - 2020-09-0215 сентября 2020 18:33 - #77674

ushkom,

<script>
$(function () {
    $('[id*=xf_ingredient], [id*=xf_poshagovoe], [id*=xf_opisanie]').each(function(i, e) {
        let name = $(this).prop('id');
        name.replace('xf_');
        $(this).val().toString().trim() !== '' || $('#' + name).hide();
    });
});
</script>

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

167

ushkom - 2020-09-0215 сентября 2020 20:12 - #77676

LazyDev, спасибо что откликнулись, и спасибо Вам за модули. Скрипт не совсем корректно работает. hide нужно применять не к id xf_ingredient-* а к id ingredient-*, id poshagovoe-*, id opisanie-2 и из цикла нужно исключить id ingredient-1 и id poshagovoe-1
Спасибо за помощь.

PHP-developer

1696

LazyDev - 2020-09-0215 сентября 2020 20:13 - #77677

ushkom, в скрипте именно так и сделано.

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

167

ushkom - 2020-09-0215 сентября 2020 20:19 - #77678

К сожалению применяется к id xf_ingredient-*
https://prnt.sc/uhtc4p
Получается не срабатывает name.replace('xf_');

Юзер

167

ushkom - 2020-09-0215 сентября 2020 20:50 - #77679

Пробовал и так: name.replace('xf_',''); Все равно не удаляет xf_

PHP-developer

1696

LazyDev - 2020-09-0215 сентября 2020 23:26 - #77680

Цитата: ushkom

name.replace('xf_');

name = name.replace(/xf_/gi, '');

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

167

ushkom - 2020-09-0215 сентября 2020 23:57 - #77681

Спасибо большое, с небольшими правками все работает. Вы как всегда на высоте.

PHP-developer

1696

LazyDev - 2020-09-0216 сентября 2020 00:03 - #77682

ushkom, дополнил в ответе

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст