Как получить текст элемента, как это с помощью jquery?

Question

есть фрагменты html-кодов, подобных этому <label for=name>fill in your name<span>*</span></label>, при использовании jquery $("label[for='name']").text() он возвращает «заполните ваше имя *», как можно получить точно «заполнить ваше имя»?

Answer 1

contents() позволяет выбрать все типы узлов, включая только текстовые узлы. Например, это вернет текст для первого текстового узла элемента:

$("label[for='name']").contents().eq(0).text();

Рабочая демоверсия: http://jsfiddle.net/mX8zK/

• http://api.jquery.com/contents/

Answer 2

Я бы посоветовал вам не ставить <span>*</span> и вместо этого использовать псевдоэлементы (:after). Таким образом, вы можете легко получить лучшие результаты.

См. Этот ПРИМЕР .

Обратите внимание на чистую разметку:

<label for="name" class=required>Fill in your Name</label>

Каждая метка .required будет иметь звезду по умолчанию благодаря псевдоэлементу :after, который применяется к ней:

label.required:after {
    content: '*';
}

---

Важное примечание: Упомянутое решение не будет работать в IE7 и ниже, так как они не поддерживают псевдоэлементы.