jQuery兄弟姐妹不工作

时间:2014-02-27 13:04:49

标签: jquery css block attr preventdefault

我需要让文章可见(默认情况下不显示)并使所有带有任何id的兄弟姐妹文章(任何<article id={xx}></article>不包括可见ID)将显示无。

这里需要小调整:

jQuery:

$('article a').on('click',function(e){

    e.preventDefault();
    id = $(this).attr('id');
     $('article[id='+id+']').css("display","block").siblings($('article[id='+id+']')).css({"display":"none"});
});

2 个答案:

答案 0 :(得分:3)

嘿嘿我自己找到了解决方案:

    $('article[id='+id+']').css("display","block").siblings($('article[id]')).css({"display":"none"});
非常感谢我自己:D

......这是改进的版本

$('article[id='+id+']').show().siblings('article[id]').hide();

答案 1 :(得分:0)

您不必在兄弟姐妹方法中放置选择器。

$('article[id='+id+']').show().siblings('article').hide();

如果您有其他不属于文章的元素,请将其取回。您需要指定文章标记。但是不需要“[id]”。