Селектор класса jQuery и ссылка this

Question

Вот проблема: мне нужно выбрать элементы на странице по классу CSS, а затем установить их width = parentElement.width - 1.
Код выглядит так: $j('.innerCellElement').width(this.parentElement.clientWidth - 1);
Когда я говорю this, я имею в виду текущий элемент селектора. Тем не менее, не интерпретируется, как я хочу. Я могу делать петли здесь, но я хочу знать, есть ли элегантный способ решения этой проблемы.

Answer 1

Если вы используете jQuery ≥1.4.1, метод .width() может принимать функцию в качестве входных данных:

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

, в противном случае переберите коллекцию.*

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