jQuery - 使用 id 添加/删除类时组合多个单击功能

发布于 2024-12-26 09:41:30 字数 439 浏览 0 评论 0原文

我确信一定有一种更优雅（并且更少重复！）的方法来做到这一点。有没有办法将以下功能结合起来？

 $('#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; });

...等等等等...

原文

I'm sure there must be a more elegant (and less repetitive!) way of doing this.
Is there a way to combine the following functions?

 $('#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; });

...and so on etc...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

-残月青衣踏尘吟 2025-01-02 09:41:31

您可以输入

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

You can type

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

回复收藏 0 原文

请叫√我孤独 2025-01-02 09:41:30

$('#one,#two,#three').click(function(){
    $('#container')[0].className = this.id;
    return false;
});

$('#one,#two,#three').click(function(){
    $('#container')[0].className = this.id;
    return false;
});

回复收藏 0 原文

月牙弯弯 2025-01-02 09:41:30

$('#one, #two, #tree').click(function(event) {
  $('#container').removeClass();
  $('#container').addClass($(this).attr('id'));
  event.preventDefault();
});

$('#one, #two, #tree').click(function(event) {
  $('#container').removeClass();
  $('#container').addClass($(this).attr('id'));
  event.preventDefault();
});

回复收藏 0 原文

~没有更多了~