jQuery - объединение функций нескольких кликов при добавлении / удалении класса с использованием идентификатора - PullRequest
1 голос
/ 11 января 2012

Я уверен, что должен быть более элегантный (и менее повторяющийся!) Способ сделать это.Можно ли объединить следующие функции?

 $('#one').click(function() {
$('#container').removeClass();
$('#container').addClass('one');return false;});

$('#two').click(function() {
 $('#container').removeClass();
$('#container').addClass('two'); return false;});

$('#three').click(function() {
$('#container').removeClass();
$('#container').addClass('three');   return false; });

... и т. Д. И т. Д. *

Ответы [ 3 ]

6 голосов
/ 11 января 2012
$('#one,#two,#three').click(function(){
    $('#container')[0].className = this.id;
    return false;
});
0 голосов
/ 11 января 2012
$('#one, #two, #tree').click(function(event) {
  $('#container').removeClass();
  $('#container').addClass($(this).attr('id'));
  event.preventDefault();
});
0 голосов
/ 11 января 2012

Вы можете набрать

$('#one,#two,#three').click(function(){
  $('#container').removeClass();
  $('#container').addClass(this.id);
  return false;
})
...