Jquery 如何通过元素名从追加子元素中获取值？

我得到了这个html：

<div id="mydiv" name="mydiv" class="mydiv"></div>

---

出了什么问题？

如果你给你的

文本区

一个特定的

ID

，你不需要引用div的

子项。您可以通过使用其
ID
来选择其值：

下面是一个工作片段：


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'sendReply'，函数（）{
警报（$（“#myTextarea”）.val（）；
});
如果你给你的
文本区域
一个特定的
ID
，你不需要参考div的
子项
。您可以通过使用其
ID
来选择其值：

下面是一个工作片段：


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'sendReply'，函数（）{
警报（$（“#myTextarea”）.val（）；
});
给你一个解决方案


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'sendReply'，函数（）{
警报（$（“#mydiv”）.find（“#myTextarea”）.val（）；
});
给你一个解决方案


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'sendReply'，函数（）{
警报（$（“#mydiv”）.find（“#myTextarea”）.val（）；
});

children（）

或

它可以直接访问

alert($("#myTextarea").val());

children（）

或

它可以直接访问

alert($("#myTextarea").val());

当前代码未作为
。正在使用的children（）
仅针对直接子级

由于您已经指定了ID属性，所以可以使用它直接访问

console.log($("#myTextarea").val());


如果要多次追加，则使用domtravesal方法以元素为目标。因为重复的ID将使HTML无效


jQuery（document）.on（'click'，'sendReply'，function（））{
log（$（this.prev（“textarea”）.val（））；
});
$（“.mydiv”）。追加（“
”）
当前代码未作为
工作。正在使用的children（）
仅针对直接子女

由于您已经指定了ID属性，所以可以使用它直接访问

console.log($("#myTextarea").val());


如果要多次追加，则使用domtravesal方法以元素为目标。因为重复的ID将使HTML无效


jQuery（document）.on（'click'，'sendReply'，function（））{
log（$（this.prev（“textarea”）.val（））；
});
$（“.mydiv”）。追加（“
”）
尝试使用textarea的id选择器。它正在工作


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'.sendReply'，函数（）{alert（$（“#myTextarea”）.val（）；
});
尝试使用textarea的id选择器。它正在工作


$（“.mydiv”）。追加（
”；
jQuery（document）.on（'click'，'.sendReply'，函数（）{alert（$（“#myTextarea”）.val（）；
});

是否多次追加
textarea
警报（$（“#mydiv”）.find（“#myTextarea”）.val（）？是否多次追加
textarea
警报（$（“#mydiv”）.find（“#myTextarea”）.val（）？
console.log($("#myTextarea").val());