Как можно сократить кусок кода jquery?

Question

[Sanchik97]

Добрый день. Есть небольшой кусок кода

$('.work-button__link').click(function() {
  $('.header-photo').removeClass( "d-none" );
});

$('#moscow-button').click(function() {
  $('#moscow-city').removeClass( "d-none");
});

$('#sp-button').click(function() {
  $('#sp-city').removeClass( "d-none");
});

$('#nn-button').click(function() {
  $('#nn-city').removeClass( "d-none");
});

$('#ekaterin-button').click(function() {
  $('#ekaterin-city').removeClass( "d-none");
});

$('#kazan-button').click(function() {
  $('#kazan-city').removeClass( "d-none");
});

$('#novosib-button').click(function() {
  $('#novosib-city').removeClass( "d-none");
});

как можно его сократить?

Comments

[Дмитрий]

Добрый день.
Покажите html разметку.
А так только предположения

Answer 1

[Rsa97]

$('.click-to-remove-class').click() {
  $($(this).data('selector-where-to-remove-class')).removeClass('d-none');
}

<a href='#' id='novosib-button' class='click-to-remove-class' data-selector-where-to-remove-class = '#novosib-city'>
  Click here
</a>
<div id='novosib-city' class='d-none'>...</div>

Answer 2

[Максим Тимофеев]

<button type="button" data-toggle-chpuk data-target="#someid">Жмяк нежно</button>

$('[data-toggle-chpuk]').on('click', function() {
   var selector_to_remove = $(this).attr('data-target');
  $(selector_to_remove).removeClass( "d-none" );
});