Как присвоить переменной id элемента и затем изменить класс этого элемента

@denis_010 · Регистрация: 16.02.2011

Студворк — интернет-сервис помощи студентам

подскажите пожалуста, как по слику присвоить переменной id элемента (в моем случае элемент<td>) и затем по другому клику по ссылке изменить класс элемента, которого присваивали id переменой.

@uggway · 21.03.2011, 22:00

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style>
.tclass{
    background:red;
}
</style>
<table border=1>
    <tr><td id="id1">td1</td><td id= "id2">td2<td></tr>
</table>
<a href="#">href</a>
<script>
var p = "";
 
$('td').bind('click', 
function(){
     p = this.id;
});
 
$('a').bind('click', 
function(){
     if(p) $("#"+p).toggleClass('tclass');
});
</script>

@denis_010 · 22.03.2011, 11:00 **[ТС]**

uggway, спасибо большое! вот только работы скрипта не наблюдается.. класс не изменяется! при клике по ссылке все стоит на своих местах.

@uggway · 22.03.2011, 11:12

Та не может быть!

Внимательнее читаем то, что написали.
Т.е. сначала кликаем на ячейку таблицы, а потом уже кликаем на ссылку.
Все меняется, все работает.
Проверенно в IE8, Opera, FF

ps. там небольшой кассячок имеется, забыл слеш нарисовать

HTML5
1
<td id= "id2">td2</td>

Вот в принципе все видно как работает тут: клац

@denis_010 · 22.03.2011, 15:26 **[ТС]**

uggway, Спасибо! посмотрел исходный код страницы, которая "клац" и понял где я промахнулся: забыл прописать одну строчку

HTML5
1
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.1.js'></script>

Добавлено через 1 час 30 минут
блин.. следущая проблема:
у меня имеется большая таблица и просто физически невозможно прописать каждой ячейке id. id у меня выводиться программно через скрипт:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    (function(){
      var count = 0;
         function setIdOnTree(node){
            var child = node.childNodes;
            for(var i = 0; i<child.length;i++){
                   if(child[i].tagName == 'TD'){
                         child[i].id = 'table_id_'+count;
                         count += 1;
                       }
                       setIdOnTree(child[i]);
            }  
         }
         setIdOnTree(document); 
     }
    )();

но при таком раскладе скрипт для присваивания переменной id просто не видит! если прописать id вручную все работает! как все автоматизировать, чтобы все работало?

@uggway · 22.03.2011, 16:43

Можно вообще без id:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
    .tclass{
    background:red;
    }
</style>
<table border=1>
    <tr>
        <td>td1</td>
        <td>td2</td>
    </tr>
</table>
        <a href="#">href</a>
        <script>
            var p ;
            
            $('td').bind('click', 
            function(){
            p = this;
            });
            
            $('a').bind('click', 
            function(){
            if(p) $(p).toggleClass('tclass');
            });
        </script>

Ну еще не забыть подключить jQuery

@denis_010 · 22.03.2011, 19:01 **[ТС]**

uggway, Вы мне очень помогли! а возможно чтобы кода через скрипт изменили класс элемента после перезагрузки страницы состояние не изменялось и классы остовались в измененном состоянии?

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@denis_010 0 / 0 / 0 Регистрация: 16.02.2011 Сообщений: 14

	Как присвоить переменной id элемента и затем изменить класс этого элемента 21.03.2011, 16:35. Показов 18259. Ответов 6 Метки нет (Все метки) подскажите пожалуста, как по слику присвоить переменной id элемента (в моем случае элемент<td>) и затем по другому клику по ссылке изменить класс элемента, которого присваивали id переменой. 0

@denis_010 0 / 0 / 0 Регистрация: 16.02.2011 Сообщений: 14
	22.03.2011, 11:00 [ТС]
	uggway, спасибо большое! вот только работы скрипта не наблюдается.. класс не изменяется! при клике по ссылке все стоит на своих местах. 0

@denis_010 0 / 0 / 0 Регистрация: 16.02.2011 Сообщений: 14
	22.03.2011, 19:01 [ТС]
	uggway, Вы мне очень помогли! а возможно чтобы кода через скрипт изменили класс элемента после перезагрузки страницы состояние не изменялось и классы остовались в измененном состоянии? 0