Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.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 - Fatal编程技术网

Javascript Jquery使用条件获取子级

Javascript Jquery使用条件获取子级,javascript,jquery,Javascript,Jquery,我有一个带有id='tips'的div。它有多个孩子。我需要做的是,我想用id='tips'获取div的子级,它有自己的风格,top

我有一个带有
id='tips'
的div。它有多个孩子。我需要做的是,我想用
id='tips'
获取div的子级,它有自己的风格,top<10px。下面是一段代码

<div id="tips">
   <div style="top: 5px; left: 150px;">
      Required Div
      <span class="arrow"></span>          
    </div>
   <div style="top: 15px; left: 150px;">
      Not-Required Div
      <span class="arrow"></span>          
    </div>
   <div style="top: 45px; left: 150px;">
      Child3
      <span class="arrow"></span>          
    </div>
</div>

必修课
非必需Div
孩子3
只有一个具有top的div子div使用
filter()

var$child=$(“#tips div”).filter(函数(){
返回parseInt($(this).css(“top”),10)<10;
});
//您可以根据需要使用这里的元素,这只是一个示例
$child.css(“color”,“#C00”);

哇,你比我领先了10秒:)。另外,总是在
parseInt
中添加基数也是一个很好的做法。如果有多个孩子排名前10位,那么这会只返回一个孩子还是多个孩子?@MarkoDumic谢谢-如果每次我忘记基数时我都有一分钱,我就是一个富人:)@Rohan这会返回排名前10位的所有孩子,可能没有,一个或多个。@RoryMcCrossan请过来帮忙,我复制了同样的东西,但我无法让它工作。当我试图在.filter(function(){console.log('here');}中登录时,它没有被执行。可能的原因是什么?
var $child = $("#tips div").filter(function() {
    return parseInt($(this).css("top"), 10) < 10;
});

// you can do as needed with the element(s) here, this is just an example
$child.css("color", "#C00");