Sélecteur de classe jQuery et référence 'this'

Question

Voici un problème: j'ai besoin de sélectionner des éléments sur la page par classe CSS, puis définir leur largeur = parentElement.width - 1.
Donc le code ressemble à ceci: $j('.innerCellElement').width(this.parentElement.clientWidth - 1);
Quand je dis this je veux dire l'élément actuel du sélecteur. Cependant, il n'est pas interprété comme je le souhaite. Je peux faire des boucles ici mais je veux savoir s'il y a une manière élégante de résoudre ce problème.

Answer 1

Si vous utilisez jQuery ≥1.4.1, la méthode .width() peut prendre une fonction en entrée :

$('.innerCellElement').width(function(){ return this.parentElement.clientWidth - 1; });

sinon, bouclez sur la collection.

$('.innerCellElement').each(function(){
  $(this).width(this.parentElement.clientWidth - 1);
});