jQuery/Tags入力 - その内容で要素を選択してください。

Question

私の問題を助けてくれてありがとうございます。 .FILEがブロック

のCSSスタイリングのために使用され、私は機能で選択したファイルを保存することができbootstrap tags input listを持っている

<div class="file file-unchosen"> 
    <div class="file-name-title"> 
    "File-title" 
    </div> 
</div> 

：

$('.file').click(function() { 
    $(this).toggleClass('file-unchosen file-chosen'); 
    function addWork(elem) { 
    var workname = $(elem).find('.file-name-title').text(); 
    $('#chosen-works-list').tagsinput('add', workname); 
    }; 
    addWork(this); 
}); 

私はそのような20〜30個の要素を持っています

問題は、.fileをタグ入力リストから削除すると、そのファイルを選択解除する方法を理解できません。 （。.FILE-名前のファイルが選択した）：今私は（とにかく動作しません。）このような何かの真ん中にいるよ理論的には、次のステップは、もし$をチェックする必要があります

$('#chosen-works-list').on('itemRemoved', function(event) { //when tag is removed from tags list 
    var chosenWorks = []; 
    $('.file-chosen').each(function(i,elem) { //we take all of the chosen files 
    console.log(elem); //log them 
    chosenWorks.push($(elem).find('.file-name-title').text().toString()); 
       }); //push them to array 
    var delWork = event.item; //define deleting tag 
    ...and I don't know what to do next.. 
}); 

の.text（）$に等しいです。 （delWork）、そのクラスを切り替えることはできますが、その方法を理解することはできません。

$('.file[data-content="'+ delWork +'"]').toggleClass('file-unchosen file-chosen'); 

いけないデータ属性を使用することを躊躇し、そしてそれらによってクエリ：

<div class="file file-unchosen" data-content="deleted-tag-content"> 

は次に、このようにそれに基づいて行動：

Answer 1

これを試してみてください。