使用存储的变量作为jQuery中replaceWith（）方法的参数

我将文本框的值存储在变量中，如下所示：

var myname=$('#test').val();

然后使用

myname

的值替换位于以下位置的html标记

：

<td>
   <div class="name"></div>
</td>

但我失败了

我还尝试了

$（'.name'）。替换为（''+myname+''）无效

请协助
 您不应该替换整个div，而应该只设置它的文本内容

$('.name').text(myname);

这种方法的另一个好处是，您不会冒险在页面内容中插入任意HTML，在您的示例中，如果有人键入自己的名字为“Hello！”

，而不是替换整个div，您只需设置它的文本内容即可

$('.name').text(myname);

这种方法的另一个好处是，您不会冒险在页面内容中插入任意HTML，在您的示例中，如果有人键入他们的名字，您可以使用

$('.name').html(myname);

你可以用

$('.name').html(myname);

---

我已经试过了，这个很有效

Jquery

<script type="text/javascript">
    $(document).ready(function () {
        $('#lnk').click(function () {
            var myname = $('#test').val();

            $('.name').replaceWith('<div>' + myname + '<div>');
        });
    });
</script>

$（文档）.ready（函数（）{
$（'#lnk'）。单击（函数（）{
var myname=$（'#test'）.val（）；
$（'.name'）。替换为（''+myname+''）；
});
});

HTML

aaa

我已经试过了，而且效果不错

Jquery

<script type="text/javascript">
    $(document).ready(function () {
        $('#lnk').click(function () {
            var myname = $('#test').val();

            $('.name').replaceWith('<div>' + myname + '<div>');
        });
    });
</script>

$（文档）.ready（函数（）{
$（'#lnk'）。单击（函数（）{
var myname=$（'#test'）.val（）；
$（'.name'）。替换为（''+myname+''）；
});
});

HTML

aaa

替换HTML标记时，应始终将其替换为有效的HTML，即另一个HTML标记。

#test

的值是否有效HTML，请记住，该值是在输入中键入的或在其他表单元素中选择的值，而不是元素本身的内容？您面临的问题是什么？

$（'.name'）。替换为（'+myname+''）应该有效（即使不是最佳实践）。您是在准备文档的回调中执行此操作的吗<代码>$（文档）.ready（函数（）{…}）替换HTML标记时，应始终使用有效的HTML（即另一个HTML标记）替换它。
#test
的值是否有效HTML，请记住，该值是在输入中键入的或在其他表单元素中选择的值，而不是元素本身的内容？您面临的问题是什么？
$（'.name'）。替换为（'+myname+''）应该有效（即使不是最佳实践）。您是在准备文档的回调中执行此操作的吗<代码>$（文档）.ready（函数（）{…}）
@MukundZare是否已将所有代码正确包装在
ready
函数中？@MukundZare任何与DOM元素一起工作的代码，即任何使用选择器查找内容的代码，在加载DOM之前都不会工作。因此，所有这些代码都应该放在ready函数中。由于您只发布了代码的一小部分，因此我无法提供更多的指导@MukundZare您是否将所有代码正确地包装在
ready
函数中？@MukundZare任何与DOM元素一起工作的代码，即任何使用选择器查找内容的代码，在加载DOM之前都不会工作。因此，所有这些代码都应该放在ready函数中。由于您只发布了代码的一小部分，因此我无法提供更多的指导。