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)