Javascript 单击更改div信息

我试图根据您是否单击“关于我们”、“找到我们”和“联系”来更改有关部门“负责人”的信息。比如，当你点击“关于我们”时，放一些信息。如果你点击“找到我们”，你会有一个谷歌地图等等。我怎样才能在jQuery上实现这一点？提前谢谢

正文{
背景色：#018c24
}
李{
列表样式：无；
}
孔多尔先生{
背景色：白色；
保证金：自动；
宽度：70%；
高度：800px；
垫面：4px；
边框：2件纯黑；
边界半径：4px；
左侧填充：4px；
垫底：4px；
右侧填充：4px；
}
.横幅{
背景图片：url(http://www.librosweb.es/website/css/images/logo.gif);
宽度：99%；
保证金：自动；
身高：15%；
边界半径：4px；
}
.关于{
显示：表格；
保证金：0自动；
文本转换：大写；
边缘顶部：10px；
字体系列：无衬线；
字体大小：粗体；
颜色：绿色；
}
.关于李{
显示：内联；
保证金：3倍；
光标：指针；
}
.关于李：悬停{
背景#f09d28；
颜色：#000；
}
.关于p{
边界半径：4px；
显示：无；
背景色：#f15647
}
.导航{
宽度：20%；
身高：32,4%；
边框：2件纯黑；
边界半径：4px；
浮动：左；
字体大小：11px；
字体大小：正常；
字体系列：Verdana、Lucida、日内瓦、Helvetica、Arial、无衬线字体；
背景色：#830707；
颜色：#333；
}
美国海军{
文本对齐：左对齐；
填充：0px；
边际：0px；
}
李国荣先生{
断字：断字；
边框底部：1px实心；
保证金：0；
宽度：自动；
}
.导航a{
显示：块；
填充：3px0px 3px0.5em；
左边框：7px实心rgb（246,75,75）；
右边框：7px实心rgb（246,75,75）；
背景色：#ad1515；
颜色：#fff；
文字装饰：无；
宽度：自动；
}
.导航a:悬停{
左边框：5px实心#800000；
右边框：5px实心#800000；
背景色：#FF7C3E；
颜色：#fff；
}
校长{
宽度：78%；
身高：81%；
边框：2件纯黑；
浮动：对；
边界半径：4px；
}

蒂图罗·德埃斯塔·帕吉纳

关于我们
找到我们
接触
卡卡萨德

包括JQuery库，并按以下方式单击元素插入到

.principal

div

有关更多信息，请参阅和

使用

html（）

或

text（）

$（'first'）。在（'click'，function（）上{
$（'.principal'）.html（“第一”）；
});
$（'#second'）。在（'click'，function（）上{
$（'.principal'）.html（“第二”）；
});
$（'third'）。在（'click'，function（）上{
$（'.principal'）.html（“第三”）；
});
正文{
背景色：#018c24
}
李{
列表样式：无；
}
孔多尔先生{
背景色：白色；
保证金：自动；
宽度：70%；
高度：800px；
垫面：4px；
边框：2件纯黑；
边界半径：4px；
左侧填充：4px；
垫底：4px；
右侧填充：4px；
}
.横幅{
背景图片：url(http://www.librosweb.es/website/css/images/logo.gif);
宽度：99%；
保证金：自动；
身高：15%；
边界半径：4px；
}
.关于{
显示：表格；
保证金：0自动；
文本转换：大写；
边缘顶部：10px；
字体系列：无衬线；
字体大小：粗体；
颜色：绿色；
}
.关于李{
显示：内联；
保证金：3倍；
光标：指针；
}
.关于李：悬停{
背景#f09d28；
颜色：#000；
}
.关于p{
边界半径：4px；
显示：无；
背景色：#f15647
}
.导航{
宽度：20%；
身高：32,4%；
边框：2件纯黑；
边界半径：4px；
浮动：左；
字体大小：11px；
字体大小：正常；
字体系列：Verdana、Lucida、日内瓦、Helvetica、Arial、无衬线字体；
背景色：#830707；
颜色：#333；
}
美国海军{
文本对齐：左对齐；
填充：0px；
边际：0px；
}
李国荣先生{
断字：断字；
边框底部：1px实心；
保证金：0；
宽度：自动；
}
.导航a{
显示：块；
填充：3px0px 3px0.5em；
左边框：7px实心rgb（246,75,75）；
右边框：7px实心rgb（246,75,75）；
背景色：#ad1515；
颜色：#fff；
文字装饰：无；
宽度：自动；
}
.导航a:悬停{
左边框：5px实心#800000；
右边框：5px实心#800000；
背景色：#FF7C3E；
颜色：#fff；
}
校长{
宽度：78%；
身高：81%；
边框：2件纯黑；
浮动：对；
边界半径：4px；
}

蒂图罗·德埃斯塔·帕吉纳

关于我们
找到我们
联系人
卡卡萨德

















使用
$（'ul.about li'）
选择器选择父级
ul
的所有
li
子级
about

使用
jQuery
的
text（）
方法设置或返回所选元素的文本内容

试试这个：


$（'ul.about li'）。在（'click'，function（）上{
$（'.principal'）.text（$（this.text（））；
});
$("#about").on('click',function(){
     //enter code here
});