Математика jQuery для начинающихJquery

Программирование на jquery
Ответить
Anonymous
 Математика jQuery для начинающих

Сообщение Anonymous »

Все!
У меня очень начинающий вопрос о том, что мне следует знать, но я там, где я есть :(
Я понимаю логику того, что я хочу сделать , но мне не хватает знаний о том, как написать математическую часть в jQuery.
Может кто-нибудь показать мне, как это написать?

// Это не код, это я описываю его на английском
// Создание базового шаблона
string = #li-a
string = #li-b
string = #li-c
// Это правильно? Должны ли это быть строки?

// Добавление значений переменных по умолчанию, которые будут модифицированный
var a = 1
var b = 2
var c = 3
// Это правильно?

// записываем, как работает шаблон изменяется
нажатие кнопки-1 добавляет .act к #li-a+0, #li-b+0, #li-c+0
нажатие кнопки-2 добавляет .act к #li-a +1, #li-b+1, #li-c+1
нажатие кнопки-3 добавляет .act к #li-a+2, #li-b+2, #li-c+2
нажатие кнопки-4 добавляет .act к #li-a+0, #li-b+3, #li-c+1
// Я знаю, как написать addClass, но не знаю, как это сделать достичь части «c+1» и т. д.


Вот шаблон того, чего я пытаюсь достичь:

Код: Выделить всё

$(document).ready(function(){

$("#button-1 a").click(function(e){
// $("").addClass("act"); how can I write that li-c +1 math?
e.preventDefault();
});
$("#button-2 a").click(function(e){

e.preventDefault();
});
$("#button-3 a").click(function(e){

e.preventDefault();
});
$("#button-4 a").click(function(e){

e.preventDefault();
});

});

Код: Выделить всё

.page {margin:20px auto;max-width:300px;font-family:arial;}
ul {list-style-type:none;padding:0;margin:0;}
a {text-decoration:none;color:#000;}
.list-wrap {margin-bottom:30px;}
.list {align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;}
.list a {display:block;padding:7px 15px;background:#eee;border-radius:5px;}
.list .act a {background:#ffb27a;}
.button-wrap {align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;}

Код: Выделить всё



[list]
[*]1
[*]2
[*]3
[*]4
[*]5
[*]6
[/list]

Button 1
Button 2
Button 3
Button 4




Подробнее здесь: https://stackoverflow.com/questions/791 ... query-math
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»