разные действия при первом и втором клике на элемент - jQuery

Question

Требуется выполнять разные действия при первом и втором клике на элемент.

При первом клике на строку (tr) устанавливается чекбокс и, если чекбокс установлен, код элемента добавляется в блок для вывода результатов. Например, посетитель сайта добавил в "Выбранные" 5 строк таблицы (кликнув по ним).

При повторном клике на ту же строку чекбокс снимается, но нужно, чтобы код элемента НЕ добавлялся в блок результатов повторно.

Как можно выполнить другое действие при повторном клике на элемент?

В каких-то предыдущих версиях jQuery был метод toggle.

Как подобные вопросы решаются сейчас?

Код вкратце такой:

$('#table-flats tr').click(function(e){
  var tr = $(this).closest("tr").get(0).outerHTML;
  var checkbox = $(this).find('input[type="checkbox"]')
  if(checkbox.prop("checked", !checkbox.prop("checked")));
  else checkbox.prop("checked", checkbox.prop("checked"));

  document.getElementById('test').innerHTML = tr;   
});

Answer 1

$('#table-flats tr').click(function(e) {
  ...

  if ($(this).data('clicked')) {
    // not the first click
  } else {
    // first click
    $(this).data('clicked', true);
  }
});

БЛОГ НА HUSL

разные действия при первом и втором клике на элемент - jQuery

Ответы (1 шт):