0

単純な入力行があり、誰かが [OK] ボタンを押すたびに、入力されたものを追加したいと考えています。これまでのところ単純に聞こえますが、まだ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/

4

5 に答える 5

2

.after() は機能しますが、ドキュメントによると、次のように正しく設定する必要があります。

.after( content [, content ] )

したがって、正しい方法は次のとおりです。

$("#status").after('<br><b id="taskz">'+input+'</b> - <b id="statusz">Ok</b>');
于 2013-05-30T17:46:05.953 に答える
2

jquery insertAfterを使用してみてください:

$(document).ready(function () {
    $('#status').on('click', function () {
        var input = $('input[name=todo]').val();
        $('<br><b id="taskz">' + input + '</b> - <b id="statusz">Ok</b>').insertAfter('#status');
    });
});
于 2013-05-30T17:44:26.030 に答える
2

使用するつもりだったようです:

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

(afterドキュメントを参照)

または、代わりにinsertAfter:

$('<br><b id="taskz">'+input+'</b> - <b id="statusz">Ok</b>').insertAfter('#status');
于 2013-05-30T17:44:58.417 に答える