Javascript 如何轻松地将内部html应用于多个元素?

Javascript 如何轻松地将内部html应用于多个元素?,javascript,jquery,html,Javascript,Jquery,Html,很抱歉,如果这个问题的标题很笼统。我真的无法解释我的问题的逻辑 作为一个概述,我正在做一个登录页,其中将包含多种语言,韩国,韩国,韩国,日本的具体。此登录页是下载页。所以你可以想象它有一些普通的字段,比如姓名、电子邮件地址、国家和公司名称 我已经有了英文标签。逻辑是,我将依赖于字段标签对参数的更改。Ex.site.com?lang=sc将显示sc字段标签 我的基本方法是: if(lang == "sc") { $("#lblFirstName").html("SC Value"); } 一切都

很抱歉,如果这个问题的标题很笼统。我真的无法解释我的问题的逻辑

作为一个概述,我正在做一个登录页,其中将包含多种语言,韩国,韩国,韩国,日本的具体。此登录页是下载页。所以你可以想象它有一些普通的字段,比如姓名、电子邮件地址、国家和公司名称

我已经有了英文标签。逻辑是,我将依赖于字段标签对参数的更改。Ex.site.com?lang=sc将显示sc字段标签

我的基本方法是:

if(lang == "sc") { $("#lblFirstName").html("SC Value"); }
一切都是这样。但是,我有15个字段和四种语言。因此,我需要在lang上设置四个条件,其中包含15个内部HTML

在如何用最少的代码行更新每个标签方面,是否有任何快捷方式

如有任何想法/建议,将不胜感激。
谢谢大家!

首先将翻译保存在此对象结构中:

{
    'lang' => {'key1' => 'translation1', ...},
    'lang2' => {'key1' => 'translation1', ...},
    ...
}
然后循环对象并平移关键点指示的字段

var转换={
"嗯":{
“第一个值”:“EN值”,“标题”:“某些标题”
},
“sc”:{
“第一个值”:“SC值”,“标题”:“AbraKadabra”
}
}
函数doTranslate(lang){
$.each(翻译[lang],函数(键,值){
$('[data-t-'+key+']')。文本(值);
});
}

EN
联合国安全理事会

一些标题|
你应该使用国际图书馆。他们中有很多来自谷歌, e、 g

jquery.i18n是一个流行且易于使用的工具
请参阅此处的示例代码和教程>

如果您确实希望将内部html应用于多个元素,那么您可以对所有元素使用一个类,并将内部html应用于该特定类

$('.langClass').html(lang+" value");

使用语言文件从下拉列表中选择时,是否是代码段工具被破坏<代码>“消息”:“未捕获类型错误:翻译不是函数”
@DarrenSweeney在FFOn chrome上工作我看到:
错误:{“消息”:“未捕获类型错误:翻译不是函数”,“文件名”:http://stacksnippets.net/js“,“lineno”:12,“colno”:45}
@DarrenSweeney修复了命名问题。谢谢您,先生@Justinas,这就是我要找的。谢谢你向我介绍对象结构。这确实回答了标题中的问题+1.