1

这是我的代码 HTML 代码:

​&lt;div id="exp_00" class="example">Hello 0</div>
<div id="exp_01" class="example">Hello 1</div>
<div id="exp_02" class="example">Hello 2</div>
<div id="exp_03" class="example">Hello 3</div>
<div id="exp_04" class="example">Hello 4</div>

如果我想隐藏除 03 之外的所有元素,你有什么建议?

方法一:

var myID="03";
$('.example').hide();
$('#exp_' + myID)​​​.show();​

方法二:

var myID="03";
$('.example').each(function() {
    if($(this).attr('id').split('_')[1]==myID) {
        $(this).show();
    } else {
        $(this).hide();
    }
});

对于第二个,我做了 1 个循环,但是进行了一些拆分/相等操作。对于第一个,也是 1 个循环,但我将相同的运算符(隐藏或显示)应用到同一个元素 2 次。

你能说什么呢?依你的意见?

4

1 回答 1

2
$('.example').hide();
$('#exp_03').show();

或者

$('.example:not(#exp_03)').hide();

福吉的回答

$('#exp_03').show().siblings('.example').hide();
于 2012-06-07T14:32:23.290 回答