在DOM元素中按ID选择元素

Question

是否可以通过id选择一个元素，而该元素已经存在于创建的DOM元素中？

例如：

var domElement = $('#id1');
domElement.find('#id2').value = '';

Answer 1

是的，这完全有可能-甚至可以与嵌套元素一起使用：

$("#button").on("click", () => {
  var domElement = $("#id1");
  domElement.find("#id2").value = "Different text!";
});

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<div id="id1">
  <div>
    <section>
      <input id="id2" type="text" value="Text">
    </section>
  </div>
</div>
<button id="button">Click me!</button>

正如@freefaller在评论中指出的那样，将value与jQuery对象一起使用在某些浏览器上可能不起作用（我认为它仅在Safari上有效），因此请改用val：

$("#button").on("click", () => {
  var domElement = $("#id1");
  domElement.find("#id2").val("Different text!");
});

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<div id="id1">
  <div>
    <section>
      <input id="id2" type="text" value="Text">
    </section>
  </div>
</div>
<button id="button">Click me!</button>