The below code is working fine. But if i change the html string in newPara() to <textarea></textarea><button id="someId">Save</button> or <textarea></textarea><input type="button" value="Save"/> its not working. What is the problem in this?
I need that id attribute to remove the newly attached html.
Any Suggestions!
Thanks!
<html>
<head>
<style>
p { background:yellow; font-weight:bold; cursor:pointer; padding:5px; }
p.over { background: #ccc; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="aDiv">
<p>Click me!</p>
</div>
<span><开发者_开发知识库;/span>
<script>
$("body").delegate("p", "click", newPara);
$("body").undelegate("button", "click", newPara).find("#adiv").html("<p>Click me!</p>");
function newPara() {
var html = "<textarea></textarea><button>Save</button>";
$(this).after(html);
}
</script>
</body>
</html>
My only guess would be that you're using double quotes to create the string literal, but also using them inside the string, therefore terminating it early.
If so, this:
"<textarea></textarea><button id="someId">Save</button>"
should be:
'<textarea></textarea><button id="someId">Save</button>'
Notice that I used single quotes on the outside, so that the inside ones don't close the string.
Try it out: http://jsfiddle.net/QQrHr/
The example uses your exact code. The only change I made was to use singe quotes around the string.
You could also escape the inner quotes if you wanted:
"<textarea></textarea><button id=\"someId\">Save</button>"
Are you looking for append instead of after? Or even http://api.jquery.com/insertAfter/ ?
![Interactive visualization of a graph in python [closed]](https://www.devze.com/res/2023/04-10/09/92d32fe8c0d22fb96bd6f6e8b7d1f457.gif)
加载中,请稍侯......
精彩评论