Question

缩短这个的最有效方法是什么？

$('.img').click(function(e) {
    if ($(this).attr('id') == 'myid') {
        $('#a').hide();
        $('#b').show();
    } else {
        $('#a').show();
        $('#b').hide();
    }
});

如果使用else if

添加了其他选项，则会对您的答案进行任何更改

Answer 1

$('#myid').click(function() {
        $('#a,#b').toggle();
});

Answer 2

我将假设您尝试将所有元素与名为“img”的类匹配。

$(".img[id='myid']").click(function() {
        $('#a,#b').toggle();
});

允许多个ID

$(".img[id='myid'], .img[id='myid2']").click(function() {
        $('#a,#b').toggle();
});

您还可以检查ID

上的不等于

$(".img[id!='someid']").click(function() {
        $('#a,#b').toggle();
});

Answer 3

为什么要检查click事件中的元素id？如果您只希望此特定元素处理此事件，请选择它并将事件处理程序绑定到它。

假设任何时候都有#a或#b显示：

$('#myid').click(function(){
    $('#a').toggle();
    $('#b').toggle();
})

jquery切换隐藏显示问题

3 个答案: