[英]How do I find the value of textarea in jQuery cloned element?
I'm trying to find the value of a textarea that exists inside a cloned element, and then change that value, but I keep getting 'undefined' values when I write them out to the console. 我试图找到克隆元素中存在的textarea的值,然后更改该值,但是当我将其写到控制台时,我一直在获取“未定义”的值。
my template: 我的模板:
<script type="text/template" data-template="test">
<div id="content">
<textarea id="txta">123</textarea>
</div>
</script>
my js code: 我的js代码:
$("#btnChange").on('click', function() {
var templateName = 'test';
var html;
var el;
el = $("script[data-template=" + templateName + "]");
html = el.html();
console.log('html: ' + html); //**this works**
var clone = $(el).clone();
console.log("clone: " + clone.html()); //**this works**
var textarea = $(clone).find("textarea");
console.log("txt val: " + textarea.val()); //**undefined**
textarea.val("abc");
console.log("txt val: " + textarea.val());
});
clone
is the script tag which contains text. clone
是包含文本的脚本标签。 Therefore, it doesn't contain a textarea for you to manipulate. 因此,它不包含供您操作的文本区域。 you have to convert the text into a dom fragment. 您必须将文本转换为dom片段。
var textarea = $(clone.html()).find("textarea");
Demo: http://jsfiddle.net/Tentonaxe/wtUBQ/ 演示: http : //jsfiddle.net/Tentonaxe/wtUBQ/
Note, that doesn't actually change clone
in any way. 注意,这实际上并不会以任何方式更改clone
。
I'd suggest doing it this way: 我建议这样做:
$("#btnChange").on('click', function () {
var templateName = 'test';
var html;
var el;
el = $("script[data-template=" + templateName + "]");
html = el.html();
console.log('html: ' + html); //**this works**
var template = $.parseHTML($(el).text());
console.log("template: " + template); //**this works**
var textarea = $(template).find("textarea");
console.log("txt val: " + textarea.val()); //**undefined**
textarea.val("abc");
console.log("txt val: " + textarea.val());
$("body").append(template);
});
http://jsfiddle.net/Tentonaxe/wtUBQ/1/ http://jsfiddle.net/Tentonaxe/wtUBQ/1/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.