Response title
This is preview!
Div's content editor
in Using jQuery
•
8 years ago
Hey all,
I have this code:
- <html><head><title></title><script src="http://code.jquery.com/jquery-1.8.2.js"></script><script type="text/javascript">$(document).ready(function() {$("#k123").click(function () {//var text=$(this).val(); //this does not workvar text=$(this).text();var k='<div id="k123"><textarea rows="10" cols="10">' + text + '</textarea><br /><input type="button" onclick="save();" value="save"><input type="button" onclick="cancel();" value="cancel"></div>';$(this).replaceWith(k);});});function save() {}function cancel() {//alert(text);var k='<div id="k123"></div>';$("#k123").replaceWith(k);}</script></head><body><div id="k123">aaaaa</div></body></html>
My question is :
1)In both functions : cancel & save , How can I get content of div id->#k123->textarea->content
functions cancel & save are outside the scope and they are independent functions I cannot tell $(this).parent().
I need to ask about div which has id #k123 , then get inside to textarea's content and get it.
and I have also to get id #k123 automatically because if I have many divs I cannot tell save & cancel manually the div's id, cancel & save should know the div's id sender from the input type='button'`s parent id.
**please I do not prefer the suggestion of sending div id from input button
<input type="button" onclick="send(($this));">**
**We are assuming that both input buttons have no IDS or Names**
I tried
- //alert($("#k123").parents("div").children("textarea").val());//alert($("#k123").siblings('textarea').val());
it gives me undefined
thank you.
1