テキストフィールドに入力された文字を、対応する経路を含むhtmlイメージタグに変換するスクリプト(おそらく非常に汚れた)があります。これを行うにはおそらくもっと簡単な方法があることはわかっていますが、たとえば PHP を使用しますが、JS/Jquery にさらに慣れるためのちょっとした実験として使用しています。私はいくつかの障害を克服して、現在の場所にたどり着きました。これらのほとんどは私にとって新しい境地です。
場合によっては、文字に複数の画像が関連付けられており、それらがランダムに選択されるため、これを行う行がいくつか含まれています。これらは問題ありませんが、テキスト フィールドの文字をイメージ タグを構成するテキストと変数に置き換えるコードのセクションに問題があります。それらは個別にうまく機能しますが、複数の文字を変換したい場合、以前に生成されたイメージタグでその文字のインスタンスを上書きします。これを止めることができるアイデアはありますか?スクリプトが発生するポイントをずらしてみましたが、全体がやや壊れやすく、実行可能なソリューションを作成できていないようです。
問題のコード:
// replace all instances within variable to generate thumbs
final_result = result.replace(/a/g, str_start+chosen_folder+"a"+random_variation+str_end)
.replace(/e/g, str_start+chosen_folder+"e"+random_variation+str_end);
JS フィドルはこちら: http://jsfiddle.net/N77wZ/
よろしくお願いします!