jquery - 当我添加这个时，为什么我的代码停止工作？简单的 jQuery

Question

$('#insert_image').click(function(){
    $('#image').attr("src", "img/julia1.jpg");
});

当我添加以下内容时，第一个代码块停止工作：

$('#insert_paragraph').click(function(){
    var text = $('#paragraph').val();
    $('#paragraph').replaceWith('<p>'text'</p>');
});

第一个代码块与第二个代码块无关，为什么它停止工作？同样在第二个代码块上，我正在尝试创建一个文本，您可以在其中键入一个段落，当您单击它旁边的按钮时，它会将文本区域替换为页面上的一个段落。

Answer 1

进行以下更改：

$('#insert_paragraph').click(function(){
    var text = $('#paragraph').val(); //if input, use .val(), otherwise use .text() or .html()
    $('#paragraph').replaceWith('<p>' + text + '</p>');
});

---

编辑：

由于您正在使用textarea，请使用.val()：

$('#insert_paragraph').click(function(){
    var text = $('#paragraph').val(); 
    $('#paragraph').replaceWith('<p>' + text + '</p>');
});

.val() 方法主要用于获取输入、选择和文本区域等表单元素的值。

演示：http: //jsfiddle.net/dirtyd77/d99wF/3/

Answer 2

因为'<p>' text '</p>'应该'<p>' + text + '</p>'

javascript 中的连接是使用+;

Answer 3

语法错误：

$('#paragraph').replaceWith('<p>'text'</p>');

尝试这个

$('#paragraph').replaceWith('<p>' + text + '</p>');

Answer 4

缺少+登录：

 $('#paragraph').replaceWith('<p>'+text+'</p>');

Answer 5

注意：

将一个字符串添加到另一个字符串是由+char 完成的。

试试这个代码：

$('#insert_paragraph').click(function(){
    var text = $('#paragraph').val();
    $('#paragraph').replaceWith('<p>'+text+'</p>');
});