Question

我试图用id＆＃34;你好＆＃34;来显示div的内容。在maindiv中点击href＆＃34;点击这里＆＃34;：但那不起作用。

以下是我的代码：

＆＃13;

$(document).ready(function() {
  var newhtml = '<a href="#hello"> Click Here</a>';
  $('maindiv').append('newhtml');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="maindiv">//empty</div>
<div id="hello">
  <h1> Hello World </h1>
</div>

＆＃13;

Answer 1

将$('maindiv').append('newhtml');更改为$('#maindiv').append(newhtml);

<div id="maindiv">
<div id="hello">
<h1> Hello World </h1>

$(function(){
    var newhtml='<a href="#hello"> Click Here</a>';
    $('#maindiv').append(newhtml);
});

JSFiddle Link

Answer 2

问题在于你有 newhtml 的引号。变量不需要在它们周围加上引号。

$('#maindiv').append(newhtml);

另外，将'maindiv'更改为前面有＃，因为在JQuery中引用HTML id时必须这样做。是的......这是JQuery。

Answer 3

如果我正确地阅读了你的问题;你想加载文件。使用链接填充#maindiv。当用户点击该链接时，它应将#hello的内容移至maindiv。

为了帮助您入门：

$(document).ready(function() {
    var newhtml='<a href="#hello"> Click Here</a>';
    $('#maindiv').append(newhtml);
}

上面的代码会正确地将html添加到maindiv。它可以纠正您的编码。但我认为这不是你想要的。您希望新插入的链接也将hello的内容放入主div中。下面的代码应该这样做。

$(document).ready(function() {
    var newhtml='<a href="javascript: void(0)"> Click Here</a>';
    $('#maindiv').append(newhtml);
    $('#maindiv a').click(function(){
        $('#maindiv').append($("#hello h1"));
    });
});

http://jsfiddle.net/8z3dz109/1/

<a href="#divtagid"> is not able to open the div tag when used from javascript</a>

3 个答案:

JSFiddle Link