jQuery / JavaScript中的多个ID

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示例

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>