如何用jquery获取不同a标签的值并用p标签显示?

用jquery写了几个a标签,想要通过点击不同a标签将不同的值赋给p标签。但目前只有点击a时p才有值,如何让他一直显示,直到点击下一个a标签?

<head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
    <a href="">淘宝</a>
    <a href="">京东</a>
    <a href="">拼多多</a>
        
    <p></p>
</body>
<script type="text/javascript">
    $("a").click(function(){
        var gt = $(this).html();
        $('p').html(gt);
    })
</script>

你p是空的,当然要点击才有值啊

设置a链接的 href="javascript:void(0)"

<head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
    <a href="javascript:void(0)">淘宝</a>
    <a href="javascript:void(0)">京东</a>
    <a href="javascript:void(0)">拼多多</a>
    <p></p>
</body>
<script type="text/javascript">
    $("a").click(function(){
        var gt = $(this).html();
        $('p').html(gt);
    })
    
</script>

因为如果是 href=""
href是""就等于跳转到当前文件。这等同是刷新了页面,js对于页面的改变自然就没有了。

你的代码不是完成了你所描述的需求吗