jquery - 使用存储的变量作为 jQuery 中 replaceWith() 方法的参数

Question

我将文本框的值存储在变量中：

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

然后使用的值替换位于以下位置myname的 html 标记：<div class="name"></div>

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

然后我用$('.name').replaceWith(myname);得到的最终结果为：

<td>
    **Value of myname**
</td>

..但我失败了。

我也试$('.name').replaceWith('<div>'+myname+'</div>');了也没用。

请协助！

Answer 1

而不是替换整个 div，你应该只设置它的文本内容。

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

此方法的另一个好处是您不会冒险将任意 HTML 插入页面内容，如果有人将其姓名键入为"<b>Hello!</b>"

Answer 2

您可以使用

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

Answer 3

我已经尝试过了，这是有效的

jQuery

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

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

HTML

 <input type="text" id="test" />
<a href="javascript:void(0)" id="lnk">click here </a>

<table>
<tr>
<td>
<div class="name">aaa </div>
</td>
</tr>
</table>