Html 单击更改段落文本

我一直在使用javascript（知识非常有限）交换图像，但现在我想用文本来交换

我的问题是，如果我有10个不同的段落（链接1显示第1段，链接2显示第2段等），我不知道在哪里可以“键入”它们。我的图像显然链接到一个现成的文件，但我希望我的文本保持为文本，我不知道如何在CSS或HTML等中分配它

使用的代码：

到目前为止，我有我的CSS代码来定义我的文本内容（我想根据单击来更改）和我控制文本更改的地图内容：

    #content 
    #content div {float:left;}  
    #content_map {width:595px;}     
    #content_text {width:290px;;}
    #content_profile {width:900px;}

因此，到目前为止，我对地图“热点”的html如下所示：

  <area shape="circle" coords="276,326,15" href="#" alt="Kinnloch" onclick="MM_swapImage('stboswells_01','','discover_kinnloch.png',1)"/>
  <area shape="circle" coords="202,264,11" href="#" alt="Lochinver" onclick="MM_swapImage('stboswells_01','','discover_lochinver.png',1)"/>

。。。 等

---

因此，基本上，我在“profile”div中通过“map”div上的坐标交换图像，我想做的是使用这些坐标也在我的“text”div中插入文本，这样第一组坐标会将我的文本div更改为“paragration 1”，第二组坐标会将我的文本div更改为“paragration 2”等等。

使用jQuery，您可以向每个

区域

元素添加一个类，然后像这样将其作为目标：

$(".areaClass").click(function(){
    $("your text div id/class").text("Discover " + $(this).attr("alt"));
});

这里有一个例子

---

我将

区域

更改为锚定链接，这样它就会显示在屏幕上，但对您的案例也应该是一样的

谢谢您的帮助。文本实际上是一段长文本-有没有其他方法可以不使用alt来存储它？不太清楚您的意思，但我在这里稍微修改了示例我刚刚编辑了我的查询，以包含文本是一段的事实。