Как вывести переменную внутри html кода?

Question

[Павел]

Есть например участок кода , это может быть просто div или ссылка или еще что то , на примере

var = dirname;
<a href="/url/test/'dirname'/dir/">ссылка</a>

код динамический и просто сделать:

$('#test').html('<a href="/url/test/\'тут должна быть переменная\'/dir/">ссылка</a>');

не выйдет , нужно именно переменную вывести внутри , как это сделать?

p.s. это не обязательно href атрибут , повторюсь это может быть что угодно , от части имени класса до дата трибута

Answer 1

[Alexander Pushkarev]

Смотрите в сторону шаблонизаторов. Или пишите свой, который будет вставлять текст в {{var}}

Comments

[Павел]

да вот что то такое мне и нужно , только готовое решение , буду искать

[Alexander Pushkarev]

mrusklon: если используете jQuery, то пробуйте это - https://github.com/BorisMoore/jsrender

Answer 2

[ThunderCat]

Надеюсь вы понимаете что код с магией вне Хогвардса использовать нельзя? Как и куда вставлять переменные нужно решать через какие-либо параметры хтмл, просто от балды вставить туда куда надо это полная алохамора. По какому принципу эти переменные должны туда попадать?

Answer 3

[Максим Тимофеев]

var somevar = 'sometext';
$('#test').html('<a href="/url/test/' + somevar + '/dir/">ссылка</a>');

Comments

[Павел]

повторюсь , КОД ДИНАМИЧЕСКИЙ , это было самое простое решение которое сразу отсеялось. Посему и задан вопрос. Переменную нужно вставить внутрь html , а не наоборот

[Андрей Токмаков]

mrusklon: Вы хотите и рыбку съесть и что бы весь сайт работал на одной функции, так не бывает, есть цель - есть решение, если Вы хотите что бы скрипт еще и определял что он вставляет, куда он вставляет, как он вставляет, то и пишите функцию на 100500 строк, только овчинка выделки не стоит

[Максим Тимофеев]

КОД ДИНАМИЧЕСКИЙ

ну так опишите динамику, что в Вашем понимании "динамический". Вы задали вопрос, я дал ответ. Если он не подходит, значит данных в вопросе не достаточно.

[Павел]

Максим Тимофеев: настолько динамичный что прям мы не знаем как он генерируется , возможно php , возможно что угодно , пришел код с сервера и все

[Максим Тимофеев]

mrusklon:

что прям мы не знаем как он генерируется

тогда только такое решение:

var data = $.naidiChtoNibud();
$('.someConteiner').samReshi(data);

А далее запуск нейросети, обучаем и она принимает решение за Вас. Все просто. Думаю 5 человек и пол года работы и все будет работать.
Подобные попытки предпринимались ранее, благодаря им появились известные решения типа:

<div esliClick="zapustiAnimaziu" kogdza="cherez10minut">кнопка</div>

Возможно есть и другие решения, но учитывая детальность Вашего ТЗ пока только так.

[Егор Живагин]

Максим Тимофеев: да ладно, есть решение проще, как раз под эту задачу!
magic()

[Максим Тимофеев]

Егор Живагин: да, совсем забыл про него, только видимо:
magic(magic_var)
Так как надо не просто что-то сделать, а еще и непонятно с чем )))

[Даниил]

1. $('html').magic()
2. ...
3. MAGIC!

Answer 4

[Егор Живагин]

Что такое динамический код? ajax ? Покажите, пожалуйста

Потому что вообще-то ответ на вопрос - серверный шаблонизатор.

Comments

[Павел]

настолько динамичный что прям мы не знаем как он генерируется , возможно php , возможно что угодно , пришел код с сервера и все

[Егор Живагин]

mrusklon: а мы можем не знать? Что-то не так значит)) Код же не может просто так придти, его что-то вызывает и что-то генерирует/отдаёт.
У того же ajax , да и у любых запросов есть колбэки, где есть объект "ответ" . Можно вставлять переменную там.

Код в студию, иначе сложно хоть что-то подсказать. Пока что по вашему описанию - надо на бэкенде эт всё делать