javascript - Jquery获取有条件的孩子

Question

我有一个 div id='tips'。它有多个孩子。我需要做的是我想获取id='tips'具有其样式的 div 的子元素，顶部 < 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>

仅存在一个 top<10px 的 div 子 div。

Answer 1

使用filter()：

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

示例小提琴