Ruft das Attribut des untergeordneten Elements ab

Wenn ich das folgende markup: 

<p class="header hours">
    <a href="javascript:void(0)" class="sort" sortcat="hours">
        Hours&nbsp;<span class="imgholder" sortcat="hours">&nbsp;</span>
    </a>
</p>

Wie kann ich das Ziel der <span> - tag innerhalb des Anker-Tags? Es gibt fünf ähnliche <p> tag-Einträge, die jeweils mit einem anderen Wert für sortcat=

InformationsquelleAutor der Frage PruitIgoe | 2011-01-19

  1. 47
    $(".sort").click(function(){
  var cat =  $(this).children("span").attr("sortcat");
  //do something with the sortcat
});

    InformationsquelleAutor der Antwort mkoryak

  2. 10
    $("a span[sortcat]").attr('sortcat')

    Geben Sie das erste element ist sortcat Wert. Um alle von Ihnen, dies zu tun:

    $("a span[sortcat]").map(function(){ return $(this).attr('sortcat') })

    Sehen diese arbeiten demo: http://jsfiddle.net/BwgDW/

    InformationsquelleAutor der Antwort Brian Donovan

  3. 2
    $('.sort span')

    Habe ich das missverstanden?

    InformationsquelleAutor der Antwort sdleihssirhc

  4. 1

    Gibt es ein paar Möglichkeiten, können Sie auf das span-tag, aber alle von Ihnen am Ende " .attr('sortcat'); " ich denke, es hängt davon ab, wie spezifisch Sie sein wollen und wie flexibel Sie brauchen, um, wenn es noch ein paar andere p-tags mit Anker-tags und erstreckt sich im inneren.

    $('p.header a.sort span.imgholder').attr('sortcat');

/* or */

$('span.imgholder').attr('sortcat');

    Können Sie Elemente basierend auf Ihrer tag-Namen, Ihre Klasse name, oder durch die Attribute innerhalb der tags. Finden Sie die jQuery-Dokumentation auf Selektoren:

    http://api.jquery.com/category/selectors/basic-css-selectors/

    http://api.jquery.com/category/selectors/

    InformationsquelleAutor der Antwort TJ Kirchner

  5. 0

    find() findet Elemente, die innerhalb einer bestimmten element.

    $('a.sort').find('span');

    InformationsquelleAutor der Antwort scragz

Schreibe einen Kommentar