使用jquery动态创建元素

DrW*_*lie 6 html javascript jquery createelement

我正在尝试使用jquery创建元素.当我点击链接时,我想创建一个元素"p",给它一些文本,然后把它放在我的一个div中.此外,我想检查点击了哪个链接,所以我可以将创建的"p"放在右边的div中.我在做错的任何解决方案?

使用Javascript/jQuery的

$(document).ready(function () {

function createElement() {
  var a = $("#menu").find('a').each(function(){
    if(a == "l1"){
    var text = $(document.createElement('p');
    $('p').text("Hej");
    $("#contentl1").append("text");
    }
  });
}

$("#menu").find('a').each(function () {
    $(this).click(function () {
        createElement();
    });
});

createElement();

});
Run Code Online (Sandbox Code Playgroud)

HTML

      <html>

<head>
<title>Inl1-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style-1.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="Uppg1.js"></script>
</head>

<body>

<ul class="meny" id="menu">
<li><a href="#" id="l1">Utvärdering/Feedback</a></li>
<li><a href="#" id="l2">Kontakt</a></li>
<li><a href="#" id="l3">Öppettider</a></li>
<li><a href="#" id="l4">Om Asperöd</a></li>
</ul>

<div id="contentl1">

</div>

<div id="contentl2">

</div>

<div id="contentl3">

</div>

<div id="contentl4">

</div>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

Vis*_*ioN 15

下面是添加新的最佳途径<p>元素与文本"HEJ"#contentl1使用jQuery:

$("<p />", { text: "Hej" }).appendTo("#contentl1");
Run Code Online (Sandbox Code Playgroud)