jQuery / Tags输入 - 按内容选择元素

时间:2016-11-11 04:56:50

标签: jquery bootstrap-tags-input

感谢你能帮助我解决我的问题。我有20-30个元素,如:

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

其中.file用于块的css样式

我有bootstrap tags input list我可以用函数存储所选文件:

$('.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);
});

问题是,当我从标签输入列表中删除它时,我无法理解如何使.file取消选择againg。现在我正处于这样的事情中(无论如何都不起作用):

$('#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..
 });

理论上,下一步必须检查$(。file-selected .file-name).text()是否等于$(delWork)并切换其类,但无法弄清楚如何做到这一点。

1 个答案:

答案 0 :(得分:1)

试试这个:

- (void)viewDidLoad
{
    [super viewDidLoad];

    _myTextView.textColor = [UIColor whiteColor];
    _myTextView.text   = @"hai hello hello..."

然后就这样行动:

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

不要犹豫,使用数据属性,并按他们查询。