使用jquery在文本框后面插入breakline

时间:2012-09-24 10:58:04

标签: jquery html

我尝试使用以下代码点击按钮后在每个文本框后插入一个分隔线(<br />):

HTML:

<input type="text" id="text1" /><b>This is test</b>
<br />
<button>New line</button>

Jquery的:

$(document).ready(function(){
$("button").click(function(){
$("#text1").append("<br />");
});
});

我在控制台中收到以下错误

消息:对象不支持此属性或方法

请告诉我如何实现这一目标。

3 个答案:

答案 0 :(得分:2)

使用after()而不是append。

http://api.jquery.com/after/

http://jsfiddle.net/66ERc/

答案 1 :(得分:1)

试试这个:

$(document).ready(function(){
$("button").click(function(){
var txt = $("text1");
txt.val( txt.val() + "\n");
});
});

答案 2 :(得分:1)

试试这个

$(document).ready(function(){
   $("button").click(function(){
   $("#text1").after("<br />");
  });
});