Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery是否获取所有可见项?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery是否获取所有可见项?

Javascript jQuery是否获取所有可见项?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我举了一个例子: HTML 在jQuery中是否有一种方法可以获取DOM中所有可见的项(display!=none)?在本例中,我们得到两个div,其id为“Contents”和“Showing”。非常感谢。您可以使用jQuery的:visible选择器 $('*:visible').addClass('visible') #隐藏{ 显示:无; } 显示 躲藏 您可以使用jQuery的:visible选择器 $('*:visible').addClass('visible') #隐藏{ 显

我举了一个例子:

HTML


在jQuery中是否有一种方法可以获取DOM中所有可见的项(display!=none)?在本例中,我们得到两个div,其id为“Contents”和“Showing”。非常感谢。

您可以使用jQuery的
:visible
选择器

$('*:visible').addClass('visible')
#隐藏{
显示:无;
}

显示
躲藏

您可以使用jQuery的
:visible
选择器

$('*:visible').addClass('visible')
#隐藏{
显示:无;
}

显示
躲藏

试试这个,在这里你将得到唯一可见的显示方式=无内容容器中的项目

HTML


Javascript:

<script>
$("#Contents").each(function(){
  if($(this).hasClass("visible")){
    $(this).show();
  } else {
    $(this).hide();
  };
</script>

$(“#内容”)。每个(函数(){
if($(this).hasClass(“可见”)){
$(this.show();
}否则{
$(this.hide();
};
如果您可以尝试使用具有隐藏属性的相同代码获取内容的所有隐藏项

<script>
    $("#Contents").each(function(){
      if($(this).hasClass("hidden")){
        $(this).show();
      } else {
        $(this).hide();
      };
    </script>

$(“#内容”)。每个(函数(){
if($(this).hasClass(“隐藏”)){
$(this.show();
}否则{
$(this.hide();
};

试试这个,在这里您将从内容容器中获得仅可见的方式显示!=无项目

HTML


Javascript:

<script>
$("#Contents").each(function(){
  if($(this).hasClass("visible")){
    $(this).show();
  } else {
    $(this).hide();
  };
</script>

$(“#内容”)。每个(函数(){
if($(this).hasClass(“可见”)){
$(this.show();
}否则{
$(this.hide();
};
如果您可以尝试使用具有隐藏属性的相同代码获取内容的所有隐藏项

<script>
    $("#Contents").each(function(){
      if($(this).hasClass("hidden")){
        $(this).show();
      } else {
        $(this).hide();
      };
    </script>

$(“#内容”)。每个(函数(){
if($(this).hasClass(“隐藏”)){
$(this.show();
}否则{
$(this.hide();
};

$('*')。过滤器(':visible')
?查看您发布的HTML和(无效)CSS:您希望得到什么结果?
$('*')。过滤器(':visible')
?查看您发布的HTML和(无效)CSS:您希望得到什么结果?如果有人想要更多信息,请原谅编辑,这只是
:visible]()
意味着一种方法(尽管使用了
),而
:visible
是一种选择器。非常感谢。因为在API中,他们只讨论可见性和不透明度(而不是显示)所以我问了这个问题。我几乎无法理解OP的要求,你的答案也是如此。你到底做了哪些更改?@Kinduser他们想使用jquery查找页面上所有可见的元素。所以我写了一行jquery来定位可见的元素。你不明白什么部分?如果有人想要更多信息,请退出使用编辑,只是
:visible()
意味着一种方法(尽管使用了
),而
:visible
是一种选择器。非常感谢。因为在API中,他们只讨论可见性和不透明度(而不是显示)所以我问了这个问题。我几乎无法理解OP的要求,你的答案也是如此。你到底做了哪些更改?@Kinduser他们想使用jquery查找页面上所有可见的元素。所以我写了一行jquery来定位可见的元素。你不明白什么部分?非常感谢你的回答:)祝你一天愉快兄弟:)这是我的荣幸:)非常感谢你的回答:)祝你一天愉快兄弟:)这是我的荣幸:)
<script>
    $("#Contents").each(function(){
      if($(this).hasClass("hidden")){
        $(this).show();
      } else {
        $(this).hide();
      };
    </script>