我有两个按钮
<div id="box1" class="alert alert-danger alert-dismissable">
<button id="1" aria-label="close" aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
1 test button
</div>
<div id="box2" class="alert alert-danger alert-dismissable">
<button id="2" aria-label="close" aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
2 test button
</div>
好吧,用两个if语句隐藏它们
if( $.cookie('box1') === 'closed' ) {
$('#box1').hide();
}
if( $.cookie('box2') === 'closed' ) {
$('#box2').hide();
}
对于更多按钮,每个按钮都更好,但这不起作用 - 为什么不呢? : - | TNX
$('.close').each(function(id, element) {
var id = $(element).attr('id');
if( $.cookie('#box'+id) === 'closed' ) {
$('#box'+id).hide();
}
});
答案 0 :(得分:3)
if( $.cookie('#box'+id) === 'closed' ) {
问题是#
之前的box
。这是一个cookie,而不是元素的id,你不需要它。
答案 1 :(得分:0)
只需删除if( $.cookie('#box'+id) === 'closed' ) {
所以,它应该是这样的:
$('.close').each(function(id, element) {
var id = $(element).attr('id');
if( $.cookie('box'+id) === 'closed' ) {
$('#box'+id).hide();
}
});