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");