使用ID通过ID或类选择嵌套元素

Question

我有点困惑jquery如何通过DOM搜索。 它是从根节点（类似于XPath /选择器）还是从当前节点（无论它们在何处）（类似于XPath //选择器）进行选择？

我有以下设置：

<body>
    <div id="contentSection">
    //A bunch of nested DIVs follow
           <div id="parentDIV">
                <span>Selector1</span>
                <select class="selector" id="first">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>                
                </select>

                <span>Selector2</span>
                <select class="selector" id="second">
                    <option value="A">A</option>
                    <option value="B">B</option>
                    <option value="C">C</option>                
                </select>
          </div>
    </div>
    <div id="someOtherDIVs> </div>
    <div id="someOtherDIVs> </div>
  </body>

现在，如果我尝试先选择内容部分，然后按类或ID进行过滤，则可以将事件处理程序附加到select元素，但是如果我尝试直接查询该元素，则永远不会附加事件处理程序。

例如，这有效：

$('#contentSection').change('.plotSelector', function(e)

但是这些不：

$('#first').change(function(e) ... 
$('.selector').change(function(e) ...

有人可以解释为什么吗？ 有没有办法从根中选择DOM中任何位置的任何元素？

使用jQuery 2.1.1

Answer 1

是的，选择器可跨DOM工作（ http://api.jquery.com/category/selectors/ ）

注释中提供的小提琴有效，您是否检查过控制台是否有错误，可能是javascript不能完全运行。

Answer 2

有没有办法从根中选择DOM中任何位置的任何元素？

只要您从document.开始document. ，所有标准javascript方法都可以从根目录中进行选择：

document.getElementById('');
document.getElementsByClassName('');
document.getElementsByTagName('');
document.querySelector('');
document.querySelectorAll('');

使用ID通过ID或类选择嵌套元素

问题描述

2 个解决方案

解决方案1
0 2016-11-29 17:18:49

解决方案2
0 2016-11-29 17:27:24

使用ID通过ID或类选择嵌套元素

问题描述

2 个解决方案

解决方案1 0 2016-11-29 17:18:49

解决方案2 0 2016-11-29 17:27:24

解决方案1
0 2016-11-29 17:18:49

解决方案2
0 2016-11-29 17:27:24