jquery/javascript中的多个ID's

Multiple ID's in jquery/javascript

本文关键字：ID javascript jquery      更新时间：2023-09-26

我有这段代码

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

将添加一个提琴如果需要

您所需要做的就是:

$('#test, #test3').click(function(){
 $(this).hide();
 $('#hidethis').show();
});
$('#test2, #test4').click(function(){
  $('#hidethis').hide();
  $('#test').show();
});
<<p> JSFIDDLE例子/strong> 

$('.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>

相关文章：