Question

我有这段代码

$('#test').click(function(){
 $(this).hide();
 $('#hidethis').show();
});
$('#test2').click(function(){
  $('#hidethis').hide();
  $('#test').show();
})

此代码工作正常，但我想将其应用于更多元素。所以我想理想地添加更多ID

我尝试过这种无效的方法。

$('#test,#test3').each.click(function(){
 $(this).hide();
 $('#hidethis').show();
});
$('#test2,#test4').each.click(function(){
  $('#hidethis').hide();
  $('#test').show();
})

如果需要，将添加小提琴

Answer 1

您需要做的就是：

$('#test, #test3').click(function(){
 $(this).hide();
 $('#hidethis').show();
});

$('#test2, #test4').click(function(){
  $('#hidethis').hide();
  $('#test').show();
});

JSFIDDLE EXAMPLE

Answer 2

$('.test').click(function () {
    $('.test').each(function(){
        $(this).hide();
    });
    $('#hidethis').show();
});

$('#hidethis').click(function () {
    $(this).hide();
    $('.test').show();
})

.test {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hidethis">HIDE THIS</div>
<div class="test">SHOW ME</div>
<div class="test">SHOW ME1</div>
<div class="test">SHOW ME2</div>
<div class="test">SHOW ME3</div>

jquery / javascript中的多个ID

2 个答案: