jQuery ciblage aria attribut contenant la valeur

Dans une structure HTML de :

<div class="someclass" tabindex="0" aria-describedby="my-specified-action my-one-name">
<div class="someclass" tabindex="1" aria-describedby="my-specified-action my-two-name">
<div class="someclass" tabindex="2" aria-describedby="my-specified-action my-three-name">
<div class="someclass" tabindex="3" aria-describedby="my-specified-action my-four-name">
<div class="someclass" tabindex="3" aria-describedby="my-specified-action my-five-name">

J'ai besoin de cacher tous les éléments qui ont un attribut aria-describedby contenant ma valeur ( par exemple four ), mais laisser tous les autres intacts.

jQuery('div[aria-describedby*="four"]').hide()

bien sûr, si je vais faire :

jQuery('div:not([aria-describedby*="four"])').hide()

il permet de masquer TOUS les éléments ( et celles contenant ma cible ..)

pour une raison quelconque, cela ne fonctionne pas pour moi ,..

jQuery('div:not([aria-describedby^="four"])').hide()

ce que je fais mal ??

car il n'y a pas de valeur d'attribut de départ avec four
votre deuxième code est bien de ne pas cacher tous les éléments - jsfiddle.net/arunpjohny/4cdak/1
première aussi est fine jsfiddle.net/arunpjohny/4cdak/2
isnts la * signifie containing ? ( désolé, je suis vraiment mal avec tout ce qui n'est pas de PHP )
Lire l'Attribut Commence Avec le Sélecteur nom^="valeur"></a >

OriginalL'auteur Obmerk Kronen | 2014-02-22

  1. 4

    Votre problème n'est pas le sélecteur d'attributs, il est la cible de l'élément sélecteur.

    Vous vous cachez tous les éléments div dont aria-describedby attribut ne contient pas de four, au lieu de cela vous avez besoin pour affiner le sélecteur pour ne cibler que ceux de l'élément que vous voulez. Dans votre cas, puisque tous les div de la part de la classe someclass l'utiliser comme

    jQuery('div.someclass:not([aria-describedby*="four"])').hide()

    Démo: Violon

    Merci ! Je voulais que le exact opposé . mais il fonctionne maintenant ...
    pouvez-vous veuillez brièvement explani pour moi, le code supplémentaire en haut? pourquoi est-il nécessaire ? ne fonctionne Pas sans
    votre code jQuery('div:not([aria-describedby*="four"])').hide() dit masquer tous les div éléments sans l'attribut aria-describedby contenant four. Maintenant, vous avez un div conteneur qui n'ont pas aria-describedby attribut de sorte qu'il renvoie la valeur true pour que la condition pour qu'il soit caché
    pouvez-vous me dire pour qui vous voulez l'explication
    je voulais dire le code return $(this).attr('aria-describedby'). désolé, j'ai vraiment envie d'apprendre et de comprendre plus

    OriginalL'auteur Arun P Johny