Werte aus label-Einsatz von jQuery

Erstens, ich glaube nicht, dass Räume für eine id gültig ist.

So, ich würde ändern Sie die id keine Leerzeichen enthalten.

<label year="2010" month="6" id="currentMonth"> June &nbsp;2010</label>

dann wird der jquery-code ist einfach (halten Sie im Verstand, es ist besser, Sie Holen sich die jquery-Objekt einmal und benutzen Sie Sie über und über agian)

var label = $('#currentMonth');
var month = label.attr('month');
var year = label.attr('year');
var text = label.text();

Ich bin verändert, Ihre id zu aktuellen Monat (ohne Leerzeichen)

alert($('#current-month').attr('month'));
alert($('#current-month').attr('year'));

var label = $('#current_month');
var month = label.val('month');
var year = label.val('year');
var text = label.text();
alert(text);

<label year="2010" month="6" id="current_month"> June &nbsp;2010</label>

Während diese Frage ist ziemlich alt, und wurde beantwortet, ich dachte, ich würde die Zeit nehmen, bieten sich ein paar Optionen, die noch nicht angesprochen in den anderen Antworten.

Angesichts der korrigierte HTML (camelCase die id - Attribut-Wert) von:

<label year="2010" month="6" id="currentMonth"> June &nbsp;2010</label>

Könnten Sie reguläre Ausdrücke zum extrahieren der Monats-name und Jahr:

//gets the eleent with an id equal to 'currentMonth',
//retrieves its text-content,
//uses String.prototype.trim() to remove leading and trailing white-space:
var labelText = $('#currentMonth').text().trim(),
    //finds the sequence of one, or more, letters (a-z, inclusive)
    //at the start (^) of the string, and retrieves the first match from
    //the array returned by the match() method:
    month = labelText.match(/^[a-z]+/i)[0],
    //finds the sequence of numbers (\d) of length 2-4 ({2,4}) characters,
    //at the end ($) of the string:
    year = labelText.match(/\d{2,4}$/)[0];

JS:

var labelText = $('#currentMonth').text().trim(),
    month = labelText.match(/^[a-z]+/i)[0],
    year = labelText.match(/\d{2,4}$/)[0];

console.log(month, year);

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label year="2010" month="6" id="currentMonth"> June &nbsp;2010</label>

Anstatt reguläre Ausdrücke, obwohl, Sie könnte verwenden Sie stattdessen benutzerdefinierte data-* Attribute (die in HTML 4.x, obwohl Sie ungültig unter der doctype, sondern gelten unter HTML 5):

JS:

var label = $('#currentMonth'),
    month = label.data('month'),
    year = label.data('year');

console.log(month, year);

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label data-year="2010" data-month="6" id="currentMonth"> June &nbsp;2010</label>

Beachten Sie, dass diese Ausgabe 6 (für die data-month), anstatt 'June' wie im vorherigen Beispiel, aber wenn Sie verwenden ein array zu binden, zahlen auf Monats-Namen, die können leicht gelöst werden:

JS:

var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    label = $('#currentMonth'),
    month = monthNames[+label.data('month') - 1],
    year = label.data('year');

console.log(month, year);

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label data-year="2010" data-month="6" id="currentMonth"> June &nbsp;2010</label>

Ähnlich, die oben könnte schnell transkribiert werden, um das native DOM (in konformen Browsern):

JS:

var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    label = document.getElementById('currentMonth'),
    month = monthNames[+label.dataset.month - 1],
    year = label.dataset.year;

console.log(month, year);

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label data-year="2010" data-month="6" id="currentMonth"> June &nbsp;2010</label>

Referenzen:

• JavaScript:
  • HTMLElement.dataset.
  • Reguläre Ausdrücke Guide.
  • - String.der Prototyp.match().
  • - String.der Prototyp.trim().
• jQuery:
  • data().