javascript - 基于子节点存在的过滤元素

Question

如果我想根据元素的子节点的存在来过滤元素，我将如何在 d3.js 中做到这一点？ ？

例如在这个 html 结构中，我将如何选择 <li>有 child 的元素 <a>元素？

<ul>
    <li><a href="#">Link 1</a></li>
    <li>Bullet</li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li>Bullet</li>
</ul>

对于那些不知道的人，it's perfectly okay to ask and answer your own questions...

Answer 1

使用 filter()功能:

var ul = d3.select("ul");
var lis = ul.selectAll("li").filter(function() {
    return ! d3.select(this).select("a").empty();
});