Javascript 基于链接id更改div的值

我已经研究这个问题好几天了，但在任何地方都找不到合理的答案

我有150个链接和一个div，每当点击链接时都会出现。div具有以下值：

    <div id="container">
                <div class="profile pic"><img src=xx.jpg</div>
                <div class="bio">bio</div>
                <div class="profilename"><h1>name</h1></div>
                <div class="works">
                    <div class="work firstwork"></div>
                    <div class="work secondwork"></div>
                    <div class="work thirdwork"></div>
                </div>
                <div class="socialicons">
                    <a href="xx.com">icon</a>
                    <a href="xy.com">icon</a>
                    <a href="yy.com">icon</a>

                </div>
            </div>

生物
名称

因此，正如您所看到的，它本质上是一个用户配置文件。我需要做的是基于第一个链接id，它将是：

id=“FirstnameLastname”

更改container div的每个子div的内容。我有这些内容，但我不知道当单击链接时，我应该做些什么才能提取父-子div中的内容

每个配置文件有10个变量，因此10x15=1500

有什么想法吗

---

谢谢大家!

您没有根据链接id更改内容，您已经根据链接id检索了数据，现在您希望将该数据放入各个div中。您可以从选择容器一次开始，并在进一步的jQuery选择器中将其用作作用域

var mydata = doSomthingToGetTheJson(someLinkId);
var container = $('#container);
$('.bio', container).text(mydata.bio);
$('.profilename > h1', container).text(mydata.name);

等等

确定选择器的作用域使它们更快，因为您正在遍历DOM树的较小部分，并有助于确保您不会意外地从页面的其他部分选择具有相同类的节点

当然，您可以做一些更有趣的事情，只需设置所选内容的

.text（）

---

我也会将其中一些类改为ID，例如，如果页面中只有一个配置文件名，它就是，

如果您喜欢将类用于样式表

，那么如何设置json结构并从中检索数据呢？@kokozz我假设您已经拥有了它，既然您标记了问题

json

，并说“我有内容，但……”——请参阅jQuery文档，以及$.get（）$.ajax（）等。如果需要帮助，请提出一个新问题。好的，谢谢，至少我有一些检查点可以继续研究。谢谢(: