Benutzerdefinierter jQuery-Selektor

Question

Schnelle Frage - Ist es möglich, jQuery-Selektoren zu erweitern, um die Ergebnismenge (z. B.) über Traversal zu ändern, anstatt nur eine vorhandene Menge zu filtern?

Um zu klären - ich die Wahl äquivalent einen Anruf zu $.filter() nicht wollen - ich mag etwas näher an $('foo:nth-child(n)') oder $('foo:eq(n)'), wo ich genau angeben kann, welche Elemente durch den Wähler zurückgeführt werden. Irgendwelche Gedanken würden geschätzt werden.

Edit: hier ist ein Beispiel dessen, was ich umsetzen wollen:

$.expr[':']['nth-parent'] = function(deTarget, iIndex, aProperties, aStack) { 
    var iN, $currentElement; 

    if(!deTarget) 
     return; 
    if(!aProperties || aProperties.length < 4 || isNaN(iN = parseInt(aProperties[3])) || iN < 0) 
     throw('jQuery.nth-parent(N) requires a non-negative integer argument'); 

    $currentElement = $(deTarget); 
    while(--iN >= 0) 
     $currentElement = $currentElement.parent(); 

    aStack = $currentElement.length ? [$currentElement.get(0)] : []; 
    return aStack.length ? true : false; 
}; 

Also, schließlich würde ich wollen, dass die neue aStack Array als Ergebnis zurückgegeben, in diesem speziellen Fall.

Answer 1

Ja, Sie können dies tun, hier ein gutes Beispiel wäre, was Sie nach in der Frage sind, ist hier, wie :eq() implementiert:

jQuery[":"].eq = function(elem, i, match) { 
    return match[3] - 0 === i; 
}; 

Die Signatur einen weiteren Parameter hat, stack, wie folgt aus:

function(elem, index, match, stack) 

stack ist der Satz von alle Elemente, wenn Sie das brauchen in Ihrer Filterung zu verwenden.

Answer 2

sollten Dieser Link Ihnen helfen, was Sie brauchen: http://jquery-howto.blogspot.com/2009/06/custom-jquery-selectors.html

Aber um Ihre Frage zu beantworten, ja ist es möglich, benutzerdefinierte Selektoren zu erstellen.

Answer 3

Ich glaube, Sie meinen Sie einen eigenen Selektor mit einem Parameter wollen:

$.expr[':'].heightAbove = function(obj, idx, meta, stack) { 
    return ($(this).height() > parseInt(meta, 10)); 
}; 

Sie können dies dann rufen als

$('div:heightAbove(40)'); 

divs oben 40px mit einer Höhe auszuwählen.

Answer 4

Ja, Sie können extend the selectors.

Soweit Beispiele: let me help you.