使用jQuery从字符串中删除HTML标记

我有一个带有几个复选框和标签的表单,大多数功能都正常工作,但我无法获取复选框的标签值,同时剥离标签内的span元素：

<input type="checkBox" id="list-item-x" /> <label for="list-item-x"><span class="date">Oct 1</span> The checkBox label</label>

我想要label元素,但没有span.date.我该如何删除？我尝试过以下方法：

$('label').remove('span.date').text();

这不起作用,以下情况也没有：

$('label').find('span.date').text();

我怎样才能删除span元素,留下标签文本以供以后使用？

编辑：这是整个(凌乱)代码：

$('input.list-item-checkBox').live('click',function(){
    var myself = $(this);
    var my_id = $(myself).attr('id').split('-',3);
    my_id = parseInt(my_id[2]);
    var my_label = $(myself).parent().children('label').html();
    var parent = $(myself).parents('.list-item');
    if ($(this).is(':checked'))
    {
        $.ajax({
            type: 'POST',url: CI.base_url + 'ajax/unfinished_item/',data: 'list-item=' + my_id,dataType: 'json',success: function(result){
                if (result.status == 'ERROR')
                {
                    alert('Could not edit item');
                }
                else
                {
                    var html_@R_673_10495@ng =
                        '<div class="list-item">' +
                        '    <input type="checkBox" class="list-item-checkBox" id="list-item-' + my_id + '" /> ' +
                        '    <label for="list-item-' + my_id + '">' + my_label + '</label>' +
                        '</div>';

                    $(myself).parents('.list-finished').siblings('.list-items').append(html_@R_673_10495@ng);
                    $(myself).parents('.list-item-finished').remove();

                    // This is where I need to get the span element removed from the label
                }
            },error: function(){
                alert('No contact with server');
            }
        });
    }
});

var lbl = $("label");
var newLbl = $(lbl[0].outerHTML);
$("span",newLbl).remove();
alert(newLbl.text());