@lagudal

Как лучше всего работать с длинными путями?

Приветствую, есть такой код.
/* move extra menu punkt */
  $('a[title="Title 1"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="Subtitle 1"] ~ ul li:last-child').append($('a[title="Title 1"] ~ .ammenu-submenu-container .ammenu-item__extra'));
  $('a[title="Title 2"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="Subtitle 2"] ~ ul li:last-child').append($('a[title="Title 2"] ~ .ammenu-submenu-container .ammenu-item__extra'));
  $('a[title="Title 3"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="Subtitle 3"] ~ ul li:last-child').append($('a[title="Title 3"] ~ .ammenu-submenu-container .ammenu-item__extra'));

Ну и так далее, дальше может быть еще какое то кол-во таких переносов.
Как видно, пути отличаются только названиями дата-аттрибутов.
Как все это дело лучше всего сократить, лучше всего в одну функцию, подставляя только эти названия аттрибутов?
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Что-то типа такого
const appendByAttr = (title, subtitle) => jQuery(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="${subtitle}"] ~ ul li:last-child`)
  .append($(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item__extra`));

appendByAttr('Title 1', 'Subtitle 1');
appendByAttr('Title 2', 'Subtitle 2');
appendByAttr('Title 3', 'Subtitle 3');
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Санкт-Петербург
от 160 000 до 220 000 ₽
01 мар. 2021, в 10:22
15000 руб./за проект
01 мар. 2021, в 10:18
120000 руб./за проект
01 мар. 2021, в 10:16
150000 руб./за проект