Question

我有一个包含多个复选框和标签的表单，大多数功能都正常工作，但是我在获取复选框的标签值时遇到了问题，同时剥离了标签内的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元素，仅保留label文字以供日后使用？

编辑：这是整个（杂乱的）代码：

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

Answer 1

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

Answer 2

$('span.date', my_label).remove();

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

2 个答案: