jQueryを使って情報を作成して削除する

Question

タグ付けシステムで作業しているので、ユーザーがページ上でタグを追加したり削除したりできるようにしたい。それが追加されたそれぞれのために私はタグを持つ小さなdivとタグを削除するためのxを表示しています。私は追加機能が働いているが、私はそれらを取り除くことができるようにする方法についてはわからない。私はまた、すべての値を保持する隠された入力を持っているので、情報が送信されるときに私はそれを使うことができます。

動作しませんHERESに私の試み：

function tagsremove(tag) { 
    $('#hiddentags').val().replace('/'+tag+'\,\s/', ''); 
    $("#tagdiv-"+tag.replace(" ","_")).fadeOut('normal', function(){ 
     $(this).remove(); 
    }); 

} 
$(document).ready(function(){ 
    $('#tagbutton').click(function(){ 
     var tags = $('#tagsbox').val().split(", "); 
     for (var i in tags) { 
        $('#hiddentags').val($('#hiddentags').val() + tags[i] +", "); 
      $('#curtags').append("<div class='tag'>" + tags[i] + " <a href='#' id='#tagdiv-"+tags[i].replace(" ", "_")+"' onclick='tagsremove(\""+tags[i]+"\");' >x</a></div>"); 
     } 
     $('#tagsbox').val(''); 
    }); 
}); 

相続人はそれに行くために、HTML：

<div class='statbox'> 
    <form method='post' action='post.php' id='writeform'> 
     <p class='subtitle'>Title</p> 
     <input type='text' name='title' id='titlebox' /><br /> 
     <p class='subtitle'>Body</p> 
     <textarea id='postbox' name='body' rows='10'></textarea><br /> 
     <p class='subtitle'>Tags</p> 
     <input type='text' id='tagsbox' /><input type='button' id='tagbutton' value='Add' /> 
     <p class='subsubtitle'>Seperate by commas (eg. "programming, work, job")</p> 
     <div class='subsubtitle' id='curtags'>Current Tags:</div> 
     <input type='hidden' value='' name='tags' id='hiddentags' /> 
    </form> 
</div> 

Answer 1

の代わりに（ ''）.valを使用して、あなたが.htmlのを使用する必要があります（ ''）;

http://docs.jquery.com/Manipulation

Answer 2

各タグdivに関連性のあるIDを付けます。例えば、「ボールペンを弾く」タグの場合、あなたのIDは「tagdiv-play_pen_balls」である可能性があります。今すぐできること

function removeTag(tag) { 
    $("#tagdiv-"+tag.replace(" ","_")).remove(); 
} 

表示されたdivを削除してください。

（それはあなたが求めていたものだ場合、私はしかし、わからないんだけど...）