相关疑难解决方法(0)

使用querySelectorAll检索直接子项

我能够做到这一点:

<div id="myDiv">
   <div class="foo"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
myDiv = getElementById("myDiv");
myDiv.querySelectorAll("#myDiv > .foo");
Run Code Online (Sandbox Code Playgroud)

也就是说,我可以成功检索myDiv具有类的元素的所有直接子元素.foo.

问题是,让我困扰的是我必须#myDiv在选择器中包含它,因为我在myDiv元素上运行查询(所以它显然是多余的).

我应该能够离开#myDiv,但是选择器不是合法的语法,因为它以a开头>.

有谁知道如何编写一个选择器,它只获取运行选择器的元素的直接子元素?

javascript dom css-selectors

91
推荐指数
5
解决办法
6万
查看次数

查询选择器中的“父”&gt;“子”选择器

如何获得> p>在querySelector中工作?

<div id="container">
    <p>
        <a href="#">Link</a>
    </p>
</div>

<script type="text/javascript">    
console.log(document.getElementById("container").querySelector("> p > a"));
</script>
Run Code Online (Sandbox Code Playgroud)

语法错误:指定了无效或非法的字符串

javascript selector

2
推荐指数
1
解决办法
4283
查看次数

标签 统计

javascript ×2

css-selectors ×1

dom ×1

selector ×1