Как вместо алерта присвоить стиль выбранному элементу?

Question

[Korneliy]

Просто элементу - это легко. А вот выбранному (то есть, динамическому) - вот здесь заковырка.
Вот код:

$("div").click(function(){
        selected= $(this).index();
        alert("Selected item is " + $(this).text());
    });

Вместо alert нужно присвоить ему стиль, например, color:red;

Это не помогает:
$("this").css("color", "red");

Answer 1

[Алексей Ярков]

https://api.jquery.com/css/

Comments

[Korneliy]

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

[Алексей Ярков]

Korneliy, может стоит ещё раз прочесть, но двумя глазами? ))

[Korneliy]

Алексей Ярков, благодарю! Ошибка была в том, что ставил так:

selected= $(this).index();
 $( this ).css( "color", "red" );

А надо было поменять местами.

[Алексей Ярков]

Korneliy, бывает ))

[Korneliy]

Алексей Ярков, теперь бы выяснить, как снимать этот css, когда выбираю другой. Он не снимается! Все красные теперь!

[Алексей Ярков]

Korneliy, сначала снять со всех, а потом установить на выбранном

[Korneliy]

Алексей Ярков, думал, есть какой-то noselected, чтобы ему установить прежний css.
Нет в ajax такого. :(

[Korneliy]

Алексей Ярков, не помогает $( this ).css( "color", "" );
Где только в функции его не ставил.

[greymouse2]

Korneliy, $( this ).css( "color", "" ); - бредовая команда задать цвет - и дальше мы НЕ ПИШЕМ какой.
вот интерпретатор и посылает вас.. $( this ).css( "color", "black" ); - работать будет

еще одно если вам нужно покрасить 1(или не один) объект - задайте ему КЛАСС 'color_red' например

1. пропишите в css
.color_red {color:red;}
2. дальше проще мы добавляем класс нужному объекту $( this ).addClass('color_red');
3. ну и убираем его когда надоест $( this ).removeClass('color_red');

[Korneliy]

greymouse2, тут проблема — как сделать это «надоест», просто выбрав другой div в ряду? У меня другой блок тоже с красным шрифтом становится, но и у предыдущих остается!

[Алексей Ярков]

Korneliy, Вот без jQuery пример
https://jsfiddle.net/yarkov_aleksei/td5wLeq9/

[Korneliy]

Алексей Ярков, какая красота! Поставил этот скрипт сразу после скрипта jQuery - и всё заработало! Благодарю, Алексей, вы крут!

Answer 2

[greymouse2]

$("this") и $(this) очевидно несколько разное.
потому и не работает