jQuery filtrer par une valeur d'attribut

<div class="selectedColumns" >
<a href="#" attributeid="19" >Driver License State</a>
<a href="#" attributeid="21" >Email</a>
<a href="#" attributeid="23" >Experience Level</a>
<a href="#" attributeid="26" >First Name</a>
<a href="#" attributeid="71" >Is Account Enabled</a>
<a href="#" attributeid="39" >Last Contacted Date</a>
<a href="#" attributeid="40" >Last Name</a>
<a href="#" attributeid="41" >Middle Name</a>
<a href="#" attributeid="6">Carrier</a>
</div>

J'ai une collection de liens. Chaque lien a une attributeid de la propriété. Je voudrais filtrer par une valeur d'attribut. Ainsi, dans le liens ci-dessus si j'ai une valeur de 41, il serait de retour du Moyen-lien de Nom. 

var link = $('.selectedColumns a:[attributeid==' + $(this).val() + ']');

Cela ne fonctionne pas?

  • Notez que l'utilisation d'attributs personnalisés résultats dans valide les documents dans le HTML4 et ci-dessous. En HTML5, vous pouvez la validité des attributs personnalisés, s'ils commencent par data- (par exemple, data-attributeid). Ceux qui sont encore valides dans les versions antérieures, mais bon, est donc en cours. 🙂
  • Je me rends compte du w3c dit que c'est un pas, mais quand vous construisez "logiciel" qui dépend fortement de jQuery vous utilisez des attributs personnalisés tout le temps et ne vous inquiétez pas au sujet de la validation.
  • Je me rends compte de ce que vous dites, et je suis d'accord avec vous, en fait, ne W3C, sinon ils ne pourraient pas être ajouté en HTML5. Ce qu'il dit est que si vous allez utiliser quelque chose, pourquoi ne pas aller de l'avant et de choisir un data-something nom de l'attribut qui sera valide aller de l'avant?
  • A la suite de ce que Nick a dit: Oui, ils sont très fonctionnels, je n'ai jamais rencontré un navigateur qui ne gère pas correctement, et j'ai utiliser des attributs personnalisés tout le temps. C'est juste que validation (c'est un lien, comme il était dans mon commentaire précédent; stoopid StackOverflow pas le soulignement des liens) est un outil très utile, si vous-même la mise en place de sorte que vous pouvez l'utiliser une fois que vous passez à la nouvelle doctype est une Bonne Chose(tm).
  • Wow, donc beaucoup de fautes de grammaire dans mon dernier commentaire, laissant de toute façon dans le cas où quelqu'un le trouve utile.
InformationsquelleAutor Mark | 2010-12-28
  1. 22

    utiliser un seul = au lieu de 2. Aussi, l' : shoudn pas être là autant que je sache

    var link = $('.selectedColumns a[attributeid=' + $(this).val() + ']');
    InformationsquelleAutor Tjirp
  2. 34

    N'affirme pas cela est plus élégant, mais à l'aide de filtre() sur une collection permet beaucoup plus de souplesse sur ce que vous pouvez faire correspondre, et est un peu moins sujettes à erreur de concaténation de chaîne. 

    var matching = $('.selectedColumns a').filter(function(){
                   return $(this).attr('attributeid') == 41
                });
    matching.prop('selected', true);
    InformationsquelleAutor Jeff Lowery
  3. 18

    Il n'y a pas besoin de la : ou double = dans votre l'attribut est égal à sélecteur, il faut juste être:

    $('.selectedColumns a[attributeid=' + $(this).val() + ']');

    Aussi si vous êtes en utilisant les attributs non valides, pensez à utiliser données attributs qui sont valide en HTML5, par exemple data-id au lieu de attributeid.

    InformationsquelleAutor Nick Craver