首页 / JAVASCRIPT / javascript – 如何轻松地将内部html应用于多个元素？

javascript – 如何轻松地将内部html应用于多个元素？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何轻松地将内部html应用于多个元素？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1283字，纯文字阅读大概需要2分钟。

内容图文

对不起,如果这个问题的标题非常通用.我真的无法为我的问题制定逻辑.

作为概述,我正在做一个包含多种语言的登录页面,KO,SC,TC,JP是具体的.此着陆页是一个下载页面.所以你可以想象它有正常的字段,如姓名,电子邮件地址,国家和公司名称.

我已经制定了英文标签.逻辑是,我将依赖于字段标签的变化来参数.防爆. site.com?lang=sc将显示SC字段标签.

我的基本方法是：

if(lang == "sc") { $("#lblFirstName").html("SC Value"); }

它适用于所有人.但是,我有15个字段加上4种语言.所以就像我需要lang的四个条件那里有15个内部HTML.

是否有任何关于如何使用最小化代码行更新每个标签的快捷方式？

任何想法/建议将非常感激.
谢谢！

解决方法:

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

{
    'lang' => {'key1' => 'translation1', ...},
    'lang2' => {'key1' => 'translation1', ...},
    ...
}

然后循环你的对象并翻译键指示的字段.

var translations = {
  'en': {
    'first-value': 'EN value', 'title': 'Some title'
  },
  'sc': {
    'first-value': 'SC value', 'title': 'AbraKadabra'
  }
}

function doTranslate(lang) {
  $.each(translations[lang], function(key, value) {
    $('[data-t-' + key + ']').text(value);
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select onChange="doTranslate($(this).val())">
  <option value="en">EN</option>
  <option value="sc">SC</option>
</select>
<hr/>
<span data-t-title>Some title</span> | 
<span data-t-first-value>EN value</span>

内容总结

以上是互联网集市为您收集整理的javascript – 如何轻松地将内部html应用于多个元素？全部内容，希望文章能够帮你解决javascript – 如何轻松地将内部html应用于多个元素？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/745396.html

来源：【匿名】