以下の入力フィールドのすべてのタグをjQueryで削除するにはどうすればよいですか？

Question

以下の入力フィールドのすべてのタグをjQueryで削除するにはどうすればよいですか？

<input class="form-control" id="videotags" data-role="tagsinput" placeholder="Video Tags" type="text"> 

    //what I tried: 
<script>$("#videotags").remove();</script> 

Answer 1

この

$('#videotags').click(function() { 
    var input = $(this); 

    input.val(''); 
}); 

https://jsfiddle.net/joe_hart/7xrg242b/

Answer 2

$("#videotags").replaceWith(function() { 
return $('<' + this.nodeName +     '>').append($(this).contents()); 
}); 

Answer 3

を試してみてはいないが、タグの属性を除去する目標はありますか？ 質問の入力タグにタグが含まれていません。

入力タグのすべての属性を削除する場合は、以下の質問に記載されている方法を使用することができます。

Remove all attributes

Answer 4

あなたはブートストラップtagsinputを使用している場合は、これを試してみてください。

$("#videotags").tagsinput('removeAll'); 

source

Answer 5

ブートストラップ-tags.jsは、一度にすべてのタグを削除するには提供しません。私はこれに対していくつかの回避策を試しました。 最初にすべてのタグを取得しました。以下はそのコードです。

var tagData = $("#small").tags().tagData; 
if (tagData.length > 0) 
{ 
    $.each(tagData, function(index, value){ 
     for(var tItem=0 ; tItem < tagData.length;) 
     { 
     $("#small").tags().removeTag(tagData[tItem]); 
     } 
    }); 
} 

使用すると、1つのレコードを削除したら、それは0