Javascript 正在尝试为要翻译的语言设置JSON文件？

在以最佳方式设置data.json文件方面，我需要一些帮助或建议。我现在已经像下面的例子一样设置好了。我的想法是，我有一个下拉菜单，用户选择一种语言，我有50页，每一页都有以下格式，我试图设置它，以便“house1”识别语言环境语言，“house2”通过下拉菜单中选择的选项有选择地翻译。因此，我这里的具体问题是如何在data.JSON中设置数据，以便在调用所选语言时，将正确的id更改为所选语言

<h1 id="house1"> House </h1>
<img src="~" />
<h1 id="house2"> House </h1>

或者我应该这样做：（这个例子的问题是它看起来更干净，但我不知道如何区分每种语言来有选择地调用它们）

---

我建议在html上使用以下内容：

<h1 id="selected.house"> House </h1>
<img src="~" />
<h1 id="available.house"> House </h1>

如果您需要有关所选语言和json结构上可用语言的信息，可以对其进行如下扩展：

{
 "selected":{
        "apartment": "Apartment",
        "house": "House",
        langInfo: {
            id: "en_EN",
            label: "English"
        }
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison",
    langInfo: {
            id: "fr_FR",
            label: "French"
        }
    }
}

你也可以将和视为灵感的源泉

---

快乐编码

我建议在html上使用以下内容：

<h1 id="selected.house"> House </h1>
<img src="~" />
<h1 id="available.house"> House </h1>

如果您需要有关所选语言和json结构上可用语言的信息，可以对其进行如下扩展：

{
 "selected":{
        "apartment": "Apartment",
        "house": "House",
        langInfo: {
            id: "en_EN",
            label: "English"
        }
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison",
    langInfo: {
            id: "fr_FR",
            label: "French"
        }
    }
}

你也可以将和视为灵感的源泉

快乐编码

{
 "selected":{
        "apartment": "Apartment",
        "house": "House"
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison"
    }
}

{
 "selected":{
        "apartment": "Apartment",
        "house": "House",
        langInfo: {
            id: "en_EN",
            label: "English"
        }
    },

"available":{
    "apartment": "Appartement",
    "house": "Maison",
    langInfo: {
            id: "fr_FR",
            label: "French"
        }
    }
}