zayzy
2021-07-21 18:45
采纳率: 75%
浏览 72

如何用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>

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • Aganstrong 2021-07-21 19:30
    已采纳

    你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对于页面的改变自然就没有了。

    1 打赏 评论
  • CSDN专家-Time 2021-07-21 19:02

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

    打赏 评论

相关推荐 更多相似问题