用Jquery选择内部html dom元素

Question

如何选择这样的输入元素：

<div id="myDiv>
<input id="inp" />
<p>Hello</p>

</div>

当我选择myDiv时，我认为innerHtml是一串输入和段落元素。是否可以只选择我的输入元素？

innerHTML: "    <input id="myDiv"/> <p>Hello</p> "

Answer 1

尝试使用.outerHTML属性

$('#inp')[0].outerHTML //<input id="myDiv"/>

DEMO

Answer 2

最简单的方法是直接选择输入：

$('#myDiv > input');

如果由于某种原因，您需要浏览包含myDiv的选择，请使用find选择当前选择的后代：

var selection = $('#myDiv');
selection.find('input');

如果您需要访问DOM元素而不是jQuery选择，请使用下标语法或get：

$('#myDiv > input')[0];
$('#myDiv > input').get(0);