Question

我想在href代码中显示<div id="display"></div>链接，所以当我按下菜单或我的列表中的任何内容时，它只会在display的div中打开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

I want to display the href

您需要获取href属性才能使用.prop()

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

Demo

Answer 2

$('.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 3

如果您的意思是检索页面并将其放在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 4

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

Here's a fiddle

Answer 5

这是我的版本......

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


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

显示href链接到div

5 个答案: