如何优化这个功能呢?我可以为所有操作创建一个函数吗?
$('#b-hat1').click(function() {
$('#hat3').hide();
$('#hat2').hide();
$('#hat1').show();
});
$('#b-hat2').click(function() {
$('#hat3').hide();
$('#hat2').show();
$('#hat1').hide();
});
$('#b-hat3').click(function() {
$('#hat3').show();
$('#hat2').hide();
$('#hat1').hide();
});
没有你的html,我只能给你一个关于如何解决它的“粗略”想法。
$("div[id^='hat']").hide();
隐藏所有以以下开头的 divhat
$('div[id^="b-hat"]').click(function() {
var id = $(this).attr("id").replace("b-","");
$("div[id^='hat']").hide();
$('#' + id).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hat1">hat1</div>
<div id="hat2">hat2</div>
<div id="hat3">hat3</div>
<br><br>
<div id="b-hat1">Show hat1</div>
<div id="b-hat2">Show hat2</div>
<div id="b-hat3">Show hat3</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)