Выбор только нескольких пунктов
Здравствуйте! Очень нужна ваша помощь, есть код добавления и удаления class у блока, вот он :
<script>
$(document).ready(function(){
$('.place').click(function () {
$(this).toggleClass('select');
});
});
</script>
В чем собственно проблема, мне нужно чтобы я мог задать количество возможных смен class, к примеру блоков 10, но я хочу чтобы я мог выбрать только 3 из 10(то бишь сменить class только у 3х, или у 6-и ), подскажите пожалуйста, как добавить ограничение по количеству смены class? Добавить к примеру переменную kol = 5; и она ограничивала смену class до 5и из 10 блоков. Заранее спасибо за помощь! |
PonyS, так?
$('.price:lt(3)').click(function() {
$(this).toggleClass('select');
});
|
Поставил код, но он почему-то не меняет class, ничего не происходит...Еще такой вопрос, смогу ли я значение 3 к примеру заменить на другое - кодом ? price:lt(3) к примеру взять значение из input hidden и поставить вместо 3 автоматом, или так с таким решением нельзя?
|
А нет, меняет - но только у первых 2х div почему-то, другие нельзя и выбрать могу только 2, нужно чтобы не было привязанности конкретно с первым, а на выбор можно было изменить, но в пределах 2х div , но хоть 3-й, хоть 8-й
|
PonyS,
<!doctype html>
<html>
<head>
<meta charset="utf-8" /
<title></title>
<style>
.select {
background: red;
}
</style>
</head>
<body>
<p class="price">1</p>
<p class="price">2</p>
<p class="price">3</p>
<p class="price">4</p>
<p class="price">5</p>
<p class="price">6</p>
<p class="price">7</p>
<p class="price">8</p>
<p class="price">9</p>
<p class="price">10</p>
<input type="hidden" value="5" />
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
var count = $('input[type=hidden]').val();
$('.price:lt(' +count+ ')').click(function() {
$(this).toggleClass('select');
});
</script>
</body>
</html>
|
Цитата:
|
Decode,
Цитата:
|
PonyS,
вы обьясните как выбирать? |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 01:20. |