显示href值

Question

我有以下代码

$var = hello;    
echo "<a href='#".$var."' class='test'>Link</a>";

我希望当我点击链接时，href值显示在同一页面的div内。

<div>
// result "#hello" showing up here
</div>

我该怎么做？我应该使用POST和GET吗？ 你能举个例子吗？

由于

Answer 1

首先，您需要为此div设置一些ID或ClASS，并在使用后只使用jQuery：

$(document).ready(function() {

    $('.test').click(function() {
        var attr = $('.test').attr('href');//here you take attribute and insert it into div
     $('#divId').text(attr);
    });
});

<div id="divId"></div> //这里是你的href值

Answer 2

尝试

$(".test").on('click', function() {
    $("div#target").html($(this).attr('href') );
}

其中target是div的id。

Answer 3

你可以使用jquery：

echo "<a href='#".$var."' class='test'>Link</a>";

   $(document).ready(function(){
    $('.test').click(function(e){//click event of link
      var href = $('.test').attr('href');//get value of href
      $("#my_div").html('href');//show value of href on div
      return false; 
    });
    });

制作div的id：

 <div id="my_div"></div>

Answer 4

如果你使用jQuery，你可以像这样观察hashchange事件：

$(window).bind('hashchange', function() {
    $('.mydiv').html(window.location.hash);
});

<div class="mydiv"></div>