javascript - JQuery:追加/困难之后

Question

我有一个简单的输入行，并且希望在每次有人按下“确定”按钮时附加输入的内容。到目前为止听起来很简单，但我仍然无法让它工作 HTML:

<p>
<input name="todo" id="todo" type="text" value="Set Me To Value" size="32" maxlength="30" /> 
<p id="status">Ok</p>
<br>

JQuery:

$(document).ready(function(){
$('#status').on('click', function(){
var input = $('input[name=todo]').val();
$('<br><b id="taskz">'+input+'</b> - <b id="statusz">Ok</b>').after('#status');
 });
 });

我也尝试过使用append或appendTo，但两次都没有成功。 以防万一，这里是 JSFiddle:http://jsfiddle.net/NRWzE/

Answer 1

.after() 有效，但您需要正确设置它，根据 documentation应该是:

.after( content [, content ] )

所以正确的方法是:

$("#status").after('<br><b id="taskz">'+input+'</b> - <b id="statusz">Ok</b>');