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>