JQuery-Selektor mit Wert, aber unbekanntem Attribut

Sie können einen benutzerdefinierten Pseudo-Selektor verwenden, um nach den Attributen zu filtern.

Das Folgende ist ein jQuery-Weg.

$.expr[":"].attrFilter = function(elem, index, val){
    var len = $(elem.attributes).filter(function () {
        return this.value === val[3];
    }).length;
    if (len > 0) {
        return elem;
    }
};
$('body *:attrFilter("value")').hide();

Geigen-Demo

Das $.expr[":"].attrFilterist ein Erweiterungsmechanismus für benutzerdefinierte Selektoren. Sie können auch einen Parameter übergeben.

Syntax :

$.expr[':'].selector = function(elem, index, match) { 

}

• elem ist das aktuelle DOM-Element
• index ist der Index von elem

• matchist ein Array, das alle Informationen zum benutzerdefinierten Selektor enthält, wobei der übergebene Parameter am 3. Index liegt. ( Referenz 1 , Referenz 2 )

  • match[0]- enthält den vollständigen Pseudo-Klassen-Selektoraufruf. In diesem Beispiel:attrFilter("value")
  • match[1]- enthält nur den Selektornamen. In diesem BeispielattrFilter
  • match[2]- gibt an, welche Art von Anführungszeichen gegebenenfalls im Parameterausdruck verwendet werden. dh einfach (') oder doppelt (“). In diesem Beispiel ist es leer.
  • match[3]- gibt uns die Parameter an, dh was in den Klammern enthalten ist. In diesem Beispiel `Wert