Comment modifier un lien "a href" mais seulement certains liens sélectionnés dans jQuery?

Question

Je souhaite modifier le comportement sur un lien "a href" mais uniquement sur ceux qui ont un attribut personnalisé appelé ouvert

par exemple.

<a href="#" action="open">Link 1</a> 
<a href="http://www.google.co.uk/"></a> 

Je souhaite modifier uniquement le comportement du premier. Donc, je fais un:

jQuery('a[action|=open]').live('click', function(evt) { 
     do something; 
}); 

mais rien ne se passe. Le sélecteur sélectionne tous les éléments spécifiés mais l'événement click n'est pas exécuté. Qu'est-ce que je fais mal?

Answer 1

Il est plus facile de le faire avec un nom de classe:

$('a.open').click(function(){...}) 

<a href="#" class="open">Link 1</a> 

Answer 2

Votre code ne fonctionnera, mais pas tous les navigateurs prennent en charge les attributs personnalisés. Je suggère de suivre la réponse de @Diodeus et d'utiliser des classes. Ce jsFiddle fonctionne pour moi dans Chrome, mais il peut ne pas dans tous les navigateurs.