jQuery在不影响子元素的情况下将textarea值插入div

| 我正在尝试在div
.yes
内插入textarea
#ta
的html值,而不影响或删除类
.no
的子div。目前,它正在删除div的所有内容,包括所有类别为“ 2”的子元素。在http://jsfiddle.net/f2rPz/中检查jsfiddle。
<div class=\"yes\">test
    <div class=\"no\">no</div>
    <div class=\"no\">no</div>
</div>
<textarea id=\"ta\"></textarea>

$(\'#ta\').keyup(function() {
    var x = $(this).val();
    $(\'.yes\').html(x)
})
    
已邀请:
查看我的版本,它将替换replace5ѭ文本,但保留keep2ѭdiv。 基本上可以归结为:您想在DOM外部保留
.no
div的副本,然后在替换
.yes
的内容后重新附加它们。
$(\'#ta\').keyup(function() {
    var no = $(\'.yes > .no\').remove();
    var x = $(this).val();
    $(\'.yes\').html(x).append(no);
});
如果不想影响所有孩子,则将选择器替换为
\'.yes > *\'
,它将仅选择所有直接孩子。 http://jsfiddle.net/3PA6H/1/     
请使用append函数:
$(\'#ta\').keyup(function() {
    var x = $(this).val();
    $(\'.yes\').append(x)
})
    
append()
代替
html()
即可。 更新:这是显示结果的jsFiddle分支:http://jsfiddle.net/X7YQU/     

要回复问题请先登录注册