将不同的内容加载到div中

Question

我对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>

请有人指出我正确的方向。谢谢 菲尔

Answer 1

不确定试试这个：

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