Хочу при клике менять цвет текста

281
05 марта 2017, 07:34

Помогите, при клике на блок с классом row менялся цвет текста этого блока,сделал эту задачу другим способом но очень длинным, щяс хочу сократить код;

CSS можете не смотреть все правильно

Answer 1

Можно так

$( ".row" ).click(function() { 
  $( this ).toggleClass( "red" ); 
});
.red { 
  color: #f00; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="row">123 456 789</div> 
<div class="row">123 456 789</div> 
<div class="row">123 456 789</div> 
<div class="row">123 456 789</div>

Answer 2

Пример реализации:

button { 
  padding: 10px; 
  background: #fff; 
  color: #333; 
  border: 1px solid; 
} 
 
button:active { 
    position: гelative; 
    background: #999; 
    color: #fff; 
}
<button> 
    click me 
</button>

Answer 3

Короче не придумаешь!

<p onclick="this.style.color='blue'">HI</p>
Answer 4

$('.row').on('click', function(){ 
$('p', this).css('color', 'red'); 
});

READ ALSO
JQuery Как узнать количество элементов?

JQuery Как узнать количество элементов?

Есть элементы, которые были перемещены с помощью drag'n dropНужно сделать, чтобы перетаскивался только один элемент, т

268
Выборка элементов 3 уровня в иерархии MySQL

Выборка элементов 3 уровня в иерархии MySQL

Элементы Folder_s являются папками в которых могут содержаться как другие папки, так и документы из document_s

354
Ant-сборка проекта в Eclipse с подключением .dll

Ant-сборка проекта в Eclipse с подключением .dll

Я пишу игру на Java с использованием 2D движка Slick2DВ Eclipse IDE проект работает штатно, а при сборке и запуске через File>Export в Runnable JAR File дальше главного...

280