2010-12-16 16 views
0

Hallo zusammen , wenn ich ein Attribut zuweisen wie diese aufzulisten:abrufen Liste Attribut

<ul type_code=27> 

, wie ich diesen Wert (ul type_code Wert) erhalten kann, wenn ich, dass die ID von li weiß = 10 (<li id=10>) ?

Antwort

2

Versuchen Sie dies auch:

var code = $('#li-id').closest('ul').attr('type_code'); 

Bitte beachten : Die "10" als Wert des ID-Attributs funktioniert möglicherweise nicht in einem anderen Browser.

+0

ich glaube nicht, dies ist Invallid ID – Vivek

+0

@Vivek: 'Li-ID' ist keine ungültige ID. Die '10' des OP ist für die Verwendung mit CSS ungültig (für HTML ist es in Ordnung). Oder meintest du, dass 'type_code' ein ungültiges Attribut ist? Wenn ja, hast du recht; Siehe meine Antwort für eine Alternative. @jerjer: +1, zw. –

+0

danke für die Info! – jerjer

2

Die von Ihnen angegebene ID ("10()") ist ein ungültiges ID-Attribut (IDs können nicht mit einer Ziffer beginnen). Entschuldigung, IDs used with CSS kann nicht mit einer Ziffer beginnen; HTML ones can Wenn Sie sie nicht mit CSS verwenden. Aber mit jQuery verwenden Sie häufig CSS-Selektoren, also halten Sie sich am besten an die CSS-Regeln.

[bearbeiten: Ich wurde mit parents, aber closest ist besser, weil es die Suche stoppt, sobald es die erste Übereinstimmung gefunden wird. . Bitte upvote jerjer für das]

Auf jeden Fall lassen Sie uns sagen, dass die LI die ID "fred" hat:

var code = $("#fred").closest("ul").attr("type_code"); 

Eg, mit diesem HTML:

<ul type_code=27> 
    <li id='fred'>...</li> 
</ul> 

... die Der obige Code setzt code auf "27". Live example

Beachten Sie jedoch, dass das Erstellen eigener Attributwerte bedeutet, dass Ihr HTML-Code nicht validate lautet. Es ist jedoch eine beliebte Praxis, so dass es jetzt in HTML5 speziell berücksichtigt wird: Jedes Attribut mit dem Präfix data- wird validiert. So Aktualisierung der oben:

HTML:

<ul data-type-code=27> 
    <li id='fred'>...</li> 
</ul> 

JavaScript w/jQuery:

var code = $("#fred").closest("ul").attr("data-type-code"); 

Live example

Verwandte Themen