Javascript 将不同内容加载到div中

我对js和jQuery有点陌生，所以请容忍我

我想根据单击的内容将不同的内容加载到div中。如果单击链接A，则加载内容A；如果单击链接B，则加载内容B……等等。我已设法将内容放入div，但无法获得比第一个更多的内容

 <p class="pageid" data-page="page_a">Click here for a<p> 
<p class="pageid" data-page="page_b">Click here for b<p> 

<div id="new_content" style="width:500px; margin-top:50px;"></div>

<script>
//set class pageid as a variable
var pageid = $('.pageid')
//get pageid's data page info
var page=pageid.attr("data-page")

//onclick load page
$('.pageid').click(function () {
      $("#new_content").load(page);
    });

</script>

单击此处查看a
单击此处查看b
//将类pageid设置为变量
var pageid=$（'.pageid'）
//获取pageid的数据页信息
var page=pageid.attr（“数据页”）
//点击加载页面
$（'.pageid'）。单击（函数（）{
$（“#新内容”）。加载（第页）；
});

有人能给我指一下正确的方向吗。谢谢 菲尔不确定试试这个：

$('.pageid').click(function () {
      $("#new_content").load($(this).attr("data-page"));
    });

---

$（“#新内容”）.load（$（this.data（“页面”））@Richard-您应该单独回答这个问题，因为它是正确的，并且可以更好地利用数据属性。从

attr

文档中：获取匹配元素集中第一个元素的属性值，因此

pageid.attr（“数据页”）

只提供第一个

.pageid

元素的值。