Question

<div id="rightside">
    <div id="rightsideone" >
         <div class="class_color_title" ></div>
         <div id="id_color_archive" ></div>
    </div>
    <div id="rightsidetwo">
         <div class="class_color_title" ></div>
         <div id="id_color_mostcomments" ></div>
    </div>
    <div id="rightsidethree">
         <div class="class_color_title" ></div>
         <div id="id_color_mostviewed" ></div>
    </div>
    <div id="rightsidefour">
        <div class="class_color_title" ></div>
        <div id="id_color_categories" ></div>           
    </div>
    <div id="rightsidefive" > 
        <div class="class_color_title" ></div>
        <div id="id_color_tags" ></div>
    </div>
    <div id="rightsidesix" >
        <div class="class_color_title" ></div>
        <div id="id_color_polls" ></div>
    </div>      
</div>

我想用id_color_ *隐藏分区。

我该怎么做？

Answer 1

如果要在第四次出现后隐藏它们，可以执行以下操作：

$(function() {
  $("[id^=id_color_]").slice(4).hide();
})

Answer 2

$('div[id^="id_color_"]').hide()

http://jsfiddle.net/uLa6k/

Answer 3

$("#rightsidefour ~ div div[id^='id_color_']").hide();

有关实例，请参阅fiddle。

<强>解释

此选择器表示选择ID为id_color_的所有div，这些div是来自另一个next sibling #rightsidefour的div的后代。

Answer 4

试试这个。它将隐藏在第4个div之后以id_color_开头的所有div。

$('div[id^="id_color_"]:gt(3)').hide();

Answer 5

只需添加“anyClass”作为要隐藏的div的class属性，然后只需：

$(document).ready(function(){
    $(".anyClass").hide();
});

Answer 6

以下jQuery将与您的“新”html一起使用。 A）永远不要重复ID B）如果多个对象有共同点，那就是设计的类。

$(document).ready(function(){
    $('.colour').hide()
});

但你应该改变html看起来更像。

<div class="rightside">
    <div id="rightsideone" >
         <div class="class_color_title" ></div>
         <div class="colour" id="id_color_archive" ></div>
    </div>
    <div class="rightsidetwo">
         <div class="class_color_title" ></div>
         <div class="colour" id="id_color_mostcomments" ></div>
    </div>
    <div class="rightsidethree">
         <div class="class_color_title" ></div>
         <div class="colour" id="id_color_mostviewed" ></div>
    </div>
    <div class="rightsidefour">
        <div class="class_color_title" ></div>
        <div class="colour" id="id_color_categories" ></div>           
    </div>
    <div class="rightsidefive" > 
        <div class="class_color_title" ></div>
        <div class="colour" id="id_color_tags" ></div>
    </div>
    <div class="rightsidesix" >
        <div class="class_color_title" ></div>
        <div class="colour" id="id_color_polls" ></div>
    </div>      
</div>

jQuery帮助：我如何隐藏分歧？

6 个答案: