Элементарно, но не знаю как)

[YozUP]

Ребята, прошу помощи. Не получается найти ответ...
Смысл вроде простейший...
Есть таблица к примеру:

<table width="10" border="0">
  <tr>
    <td  id="айди" class="класс"></td>
  </tr>
</table>

Как реализовать смену фона ячейки в таблице по клику туда сюда...
Тоесть кликнул фон сменился, еще кликнул обратно сменился...
Тоесть вот например как выглядеть будет

[Margarita]

как вариант: при первом клике навешивать на тд какой-то класс например с другим фотонм, затем при след. клике его снимать и убирать фон..
решение на juery

$("td").click(fucntion() {
if($(this).hasClass("other_bg") {
$(this).removeClass("other_bg"); 
} else {$(this).addClass("other_bg");
}
});

[YozUP]

$("td").click(fucntion() {
if($(this).hasClass("other_bg") {
$(this).removeClass("other_bg"); 
} else {$(this).addClass("other_bg");
}
});

Почему то ошибку пишет в восьмой строке, скобки вроде все правильно(... Вот скрин...

[nerv_]

Margarita, toggle/toggleClass.

[YozUP]

Вот архив с файлами, прошу если можно помогите ревализавать эту идею... smena_td.zip

[YozUP]

fucntion

Точно) Спасибо... А в таблице теперь как сделать чтоб по клику это срабатывало?

[Hoshinokoe]

YozUP,

$(document).ready(function(){
   $("td").toggleClass("other_bg");
});

При клике по td будет добавлять/удалять класс other_bg. В нем необходимо прописать другую картинку.

Подробнее здесь.

[a_l]

На JS:

[].forEach.call(document.getElementsByTagName('td'), function(el) {
  el.onclick = function() {
    this.className = (/other_bg/.test(this.className)) ? '' : 'other_bg';
  };
});​

[nerv_]

$(document).ready(

$(

a_l, т.е. выше был не js?

[a_l]

$(

a_l, т.е. выше был не js?

Не ванильный