Jquery - каждый клик добавляет еще одно целое число

Question

Я искал ответ на этот вопрос в течение нескольких дней и не нашел ничего, так что извините, если об этом спрашивали раньше.

Я хочу, чтобы при каждом нажатии этой ссылки целое число увеличивалось на 1. Итак, сначала это 0, затем щелкнул 1, затем 2, затем 3

document.getElementById('myPackage').href="http://www.vanquishvps.com/order/cart.php?a=confproduct&i="+1

Я действительно понятия не имею, как это сделать, я действительно пытался смотреть на переменные Jquerys и прочее, я просто не могу понять это.

Буду очень признателен за любую помощь!

Спасибо

Answer 1

После просмотра сайта, который вы упомянули в своем комментарии . Это должно работать в вашем конкретном сценарии:

jQuery('#myPackage').click(function () {
  // Get the first 3 parts of link's href
  var hrefParts = jQuery('#myPackage')[0].href.split('=').slice(0,2);

  // Add the current slots value
  hrefParts.push(jQuery('.slots span').text())

  // Set the href to the new URL
  this.href = hrefParts.join('=');
});

Другим решением было бы изменить существующую функцию setPackageData и добавить эти строки в конец . Это решение будет устанавливать ссылку на индекс пакета вместо количества слотов, а также делать это при каждом изменении ползунка, а не только при нажатии на ссылку:

var myPackage = $('#myPackage')[0], hrefParts = myPackage.href.split('=').slice(0,2);
hrefParts.push(index.toString());
myPackage.href = hrefParts.join('=');

Хотя ваш разработчик должен взглянуть на это, он или она, вероятно, придумают более постоянное решение;)

Answer 2

Вам необходимо иметь глобальную переменную в javascript, чтобы иметь идентификатор, а затем связать событие click.

var myID = 0;

$("#myPackage").click(function() {
      myID++;
      window.location = "http://www.vanquishvps.com/order/cart.php?a=confproduct&i=" + myID;
});

Answer 3

сохраните вашу числовую переменную где-то еще.

var index = 0;

и затем используйте ее для изменения URL вашей ссылки

function changeUrl() {

index++;

document.getElementById('myPackage').href="http://www.vanquishvps.com/order/cart.php?a=confproduct&i=" + index;

}

, поэтому, когда пользователь нажимает где угодноВы хотите, чтобы он щелкнул, чтобы изменить URL, вам просто нужно вызвать функцию changeUrl

document.getElementById('elementThatWillChangeTheUrl').click = changeUrl;

Answer 4

Вам необходимо прикрепить обработчик события щелчка:

Ванильный Javascript:

 document.getElementById('myPackage').attachEvent('click', function()
 {
      // If it's some script value;
      someValue++;

      // If it's the text of your link...
      var currentValue = parseInt(this.value);
      this.value = currentValue++;

      return false;
 });

JQuery:

$('#myPackage').click(function()
{
     someValue++;
     $(this).val(parseInt(this.value)++);
});