显示href链接到div

Question

我想在<div id="display"></div>标记中显示href链接，因此当我按菜单或列表中的任何内容时，它将在div中以display为id打开。 我有这样的菜单

<div class="menu">
    <a href="http://stackoverflow.com" onkeydown="myFunc()">HOME</a>
</div>
<div id="display"></div>

我的JavaScript是这样的

$('#display').html($('.menu a').html());

我对javascript不太了解，但是我认为javascript代码实际上是错误的，我希望有人会帮助我。

Answer 1

我想显示href

您需要获取href属性，以便可以使用.prop()

$('#display').html($('.menu a').prop('href'));

演示版

Answer 2

万一您要检索页面并将其放在div中：

// bind click event to all anchors within .menu
$('.menu a').click(function(e){
  // fetch the page using AJAX and place the results in #display
  $('#display').load(this.href);
  // prevent navigating away from the page (default action of anchor)
  e.preventDefault();
});

（或者也许只是我一个人，但问题似乎很难理解。

Answer 3

$('.menu a').on('click',function(e){
  e.preventDefault(); //this will keep your link from loading
  var href = $(e.currentTarget()).attr('href');
  $('#display').html(href);
});

Answer 4

我们可以使用iframe在<a>标签中显示链接。

这是一个小提琴

Answer 5

这是我的版本...

的HTML

<div class="menu">
  <a  id="xxx" href="http://stackoverflow.com" onkeydown="myFunc()">HOME</a>
</div>
<div id="display"></div>   

JS

$(document).ready(function() {  
  var data = $("a#xxx").attr("href");
  $('#display').html(data);
});