Получить содержимое метки в Jquery

Question

Я использую JQuery для своего приложения. В моем коде я хочу получить только текст «Имя» в метке.

Я попробовал это с

     $("#label"+div_id+"").html(); //but displays Firstname along with the span tag..

Но мне нужно только имя. Как я могу это сделать?

Ниже приведен мой HTML-код

 <label id="label1">Firstname<span class="req"><em> * </em></span></label>

Answer 1

Общее решение этой проблемы, а именно получение немедленного текста, но не дочернего текста, - elem.clone().children().remove().end().text(); (где элемент здесь - $("#label"+div_id)). Это имеет тот же результат, что и решение karim79, но с преимуществом не ломается, если к метке добавляются другие теги.

Answer 2

Скопируйте элемент, очистите EM и, наконец, удалите тег span (тест):

    var clone = $("#label"+div_id+"").clone();
    clone.find('em').empty().remove('span');
    alert(clone.text());  //alerts 'Firstname'

Я скажу, что решение @ ozan лучше (если слегка менее читабельно) и делает это в одну строку:

    alert($("#label"+div_id+"").clone().children().remove().end().text());