Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
使用jquery选择具有特殊css属性的元素_Css_Jquery Selectors - Fatal编程技术网

使用jquery选择具有特殊css属性的元素

使用jquery选择具有特殊css属性的元素,css,jquery-selectors,Css,Jquery Selectors,我的结构如下: <div class="main"> <div class="submain"> ..... <div class="sub..submain"> </div> ..... </div> <div class="submain"> </div> </div> 您可以通过属性选择元素,因此可以尝试 $('div[s

我的结构如下:

<div class="main">
   <div class="submain">
      .....
      <div class="sub..submain">
      </div>
      .....
   </div>
   <div class="submain">
   </div>
</div>

您可以通过属性选择元素,因此可以尝试

$('div[style="float:right"]')

这将选择具有该属性的所有div。但我不确定它是否也会选择比这一种风格更多的东西


编辑:

我只记得我工作的地方有些人用类来做这类事情。它使可维护性更容易。制定一个css规则,说明:

.floatRight{
浮球:对
}


然后将这个类分配给所有需要浮动的对象。这些应该更容易选择。

您可以通过属性选择元素,因此可以尝试

$('div[style="float:right"]')

这将选择具有该属性的所有div。但我不确定它是否也会选择比这一种风格更多的东西


编辑:

我只记得我工作的地方有些人用类来做这类事情。它使可维护性更容易。制定一个css规则,说明:

.floatRight{
浮球:对
}


然后将这个类分配给所有需要浮动的对象。这些应该更容易选择。

您可以执行以下操作

$(document).ready(function(){
   $(".main").find("div").each(function(){
     if($(this).css("float") == "right") {
      // This is the required div
     }
   });
})
如果您不知道.main的子项是div或其他标记,则使用

$(document).ready(function(){
   $(".main").children().each(function(){
     if($(this).css("float") == "right") {
      // This is the required element with float: right property
     }
   });
})

你可以这样做

$(document).ready(function(){
   $(".main").find("div").each(function(){
     if($(this).css("float") == "right") {
      // This is the required div
     }
   });
})
如果您不知道.main的子项是div或其他标记,则使用

$(document).ready(function(){
   $(".main").children().each(function(){
     if($(this).css("float") == "right") {
      // This is the required element with float: right property
     }
   });
})


嗯,当我不知道有没有所有的div或其他标签?对不起,我没有添加此信息的问题。你能帮忙吗?是的,孩子很好。如果是儿童中的儿童和。。此循环的$(this).children()。每个循环可以是多个,而唯一的子循环没有其他子循环。它将使用float:right属性访问.main的所有子循环,无论其层次结构如何。嗯,我认为子循环是元素的唯一子循环,而不是childrenNah的子循环,它将选择所有子循环。你得到你的答案了吗?嗯,当我不知道是否有所有的div或其他标签?对不起,我没有添加此信息的问题。你能帮忙吗?是的,孩子很好。如果是儿童中的儿童和。。此循环的$(this).children()。每个循环可以是多个,而唯一的子循环没有其他子循环。它将使用float:right属性访问.main的所有子循环,无论其层次结构如何。嗯,我认为子循环是元素的唯一子循环,而不是childrenNah的子循环,它将选择所有子循环。你得到答案了吗?谢谢,很抱歉,我没有注意到在main div和other中可以有另一个标记元素,如,并且有了这个float属性,如果你在我的edit中使用这个方法,那么它们是什么类型的元素并不重要。您可以使用某个类循环遍历所有元素!很高兴能帮上忙。那么,我能得到一个绿色的“答案批准”吗“但我不确定它是否也会选择比这一种风格更多的东西。”不,它不会。请记住,属性选择器查看HTML属性。CSS中没有“属性”;只有属性。当您通过
style
属性进行查询时,您看到的是标记中的内联样式。有趣的是,这对刚刚在css文件中声明的css不起作用?只有在浏览器中可见的内容?很高兴知道!谢谢,很抱歉,我没有注意到在main div和other中可以有另一个标记元素,如,并且有了这个float属性,如果您在我的edit中使用这个方法,那么它们是什么类型的元素并不重要。您可以使用某个类循环遍历所有元素!很高兴能帮上忙。那么,我能得到一个绿色的“答案批准”吗“但我不确定它是否也会选择比这一种风格更多的东西。”不,它不会。请记住,属性选择器查看HTML属性。CSS中没有“属性”;只有属性。当您通过
style
属性进行查询时,您看到的是标记中的内联样式。有趣的是,这对刚刚在css文件中声明的css不起作用?只有在浏览器中可见的内容?很高兴知道!