Utilisation de jQuery pour changer la couleur du texte à l'intérieur de toute cliqué élément de bloc

J'ai besoin de votre aide avec quelque chose qui devrait être simple, je l'espère 🙂

J'ai ce code html:

<div>div text</div>
<p>p text</p>
<span>span text</span>
<h1>h1 text</h1>
<ul>
  <li>some li text</li>
  <li>more li text</li>
</ul>

J'ai besoin de jQuery pour la couleur de texte sélectionné en rouge à chaque fois que l'élément est cliqué. Maintenant, il existe peut-être quelques autres éléments, donc gardez cela à l'esprit. Aussi, seul élément sélectionné devrait changer la couleur.

Pour exemple, voici un code simple qui permettra de faire exactement ce dont j'ai besoin, mais seulement pour l'élément div:

  $('div').click(function() {
    $(this).css({'color':'red'}); 
  });

Quel est le code le plus simple pour avoir les mêmes fonctionnalités pour tous les éléments html.

Merci!

Il devrait être votre réponse. Vous devez accepter l'une des solutions ci-dessous qui vous correspond le mieux.

OriginalL'auteur Klikerko | 2011-04-25