Если проверено append var else, удалите var

Question

Я пытаюсь создать список (охватывает) с использованием текста меток ввода флажков. Он добавляет штраф, но удаление не работает.

$('#device_type_list li input').change(function(){ 
    var response = $('label[for="' + this.id + '"]').text(); 
    var device = $('<span>' + response + '</span>'); 
    if(this.checked){ 
    $('#device_filter_summary').append(device); 
    } else { 
    $('#device_filter_summary').find(device).remove(); 
    } 
}); 

EDIT: вот скрипка: http://jsfiddle.net/kirkbross/9jr3v5hq/

Answer 1

Функция находкой не работает с HTML, как '<span>Android</span>' вы должны использовать .find ("Диапазон: содержит ('Android')").

Смотрите скрипку здесь http://jsfiddle.net/ewkfLdsv/

$('#device_type_list li input').change(function(){ 
    var response = $('label[for="' + this.id + '"]').text(); 
    var device = $('<span>' + response + '</span>'); 
    if(this.checked){ 
    $('#device_filter_summary').append(device); 
    } else { 
    $('#device_filter_summary').find('span:contains("' + response + '")').remove(); 
    } 
}); 

Answer 2

Существует причина, почему .remove() не работает, потому что ваши сопоставляют весь период тег от начала до конца диапазона тега, который является неправильным. Вам просто нужно найти «тег» внутри .find(), а затем удалить его. Как ::

$('#device_filter_summary').find('span').remove();