Помогите, при клике на блок с классом row менялся цвет текста этого блока,сделал эту задачу другим способом но очень длинным, щяс хочу сократить код;
CSS можете не смотреть все правильно
Можно так
$( ".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>
Пример реализации:
button {
padding: 10px;
background: #fff;
color: #333;
border: 1px solid;
}
button:active {
position: гelative;
background: #999;
color: #fff;
}
<button>
click me
</button>
Короче не придумаешь!
<p onclick="this.style.color='blue'">HI</p>
$('.row').on('click', function(){
$('p', this).css('color', 'red');
});
Сборка персонального компьютера от Artline: умный выбор для современных пользователей