为什么当我添加这个时，我的代码停止工作?简单的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()方法主要用于获取表单元素的值，例如input、select和textarea。

演示: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

注意:

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

试试下面的代码:

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