文字列として認識されてしまう

jqueryについて

jqueryを使ていて少しどのようにすればいいのか調べてもわからないので質問します。

$("#user").append('<li><input type="hidden" class="users" value=data[0][i] name="name">name</li>');

$("#user").html('{{#each user_list}}"<li><input type="hidden" class="users" value={{this}} name="name">{{this}}</li>"{{/each}}');

上の二つについて質問したいのですが、HTML上で変数など(data[0][i],{{#each user_list}})をそのまま使いたいときに上のような形で行うとどうしても文字列として認識されて出力されてしまいます。
タグはうまく機能するのですが...

理想としては

<ul id="user">
    {{#each data}}
        <li><input type="hidden" class="users" value={{this}} name="name">{{this}}</li>
    {{/each}}
</ul>

などのような形で{{}}やdata[0][i]を文字列として認識させたくないのですがどのような方法があるでしょうか？

maisumakun

2020/11/24 02:40

「{{}}」のような記法は単なるJavaScriptやjQueryでは処理できないものですが、どのような処理系を想定していますか？

shino0425

2020/11/24 02:47

js上で配列を持っているのでその配列の要素を<li>の中に一個ずつ埋め込んでいきたいです。 .js let array = [要素1,要素2] .html <li><input>要素1</li> <li><input>要素2</li> 上のようなイメージです

shino0425

2020/11/24 02:48

js上で使用した変数をHTML上で使用することはできないのでしょうか？

maisumakun

2020/11/24 02:53 編集

単純な変数代入であればそう問題はないのですが、「{{#each data}}」のようなものは誰が定義したものでしょうか？「こう書ければいいな」という願望レベルのものなのでしょうか、それとも何かしらの処理系を使って実用しているものなのでしょうか？

shino0425

2020/11/24 02:54

これはNode.js上であらかじめ渡してあります。それを上書きするようなイメージです。handlebarsという記法です

m.ts10806

2020/11/24 04:26

いずれにしても前提や背景、ゴールも明確に質問本文に記載願います。質問は編集できます。

miyabi_pudding

2020/11/24 05:57

質問者さん、 handlebarsの使い方を、学習しましょう。 https://qiita.com/sassy_watson/items/f9947624876bf75a9eff テンプレートエンジンを読み込んだ上で使わないと、適用されません。また、jQueryでDOMコントロールしたのならば、その後改めて、テンプレートエンジンを起動する必要があります。