javascript - jquery选择器html未定义

Question

我正在尝试使用jQuery通过id访问div的innerHtml。它返回一个对象，但为空 text() 且未定义 html()。

我正在尝试使用 id=someId 获取 div 内的 1。

    var div = document.createElement('div');
    div.id = "div1";
    div.innerHTML = "<div id='someId'>1</div><div>anotherdiv</div>";

    alert($('#div1 #someId'));
    alert($('#div1 #someId').text());
    alert($('#div1 #someId').html());

Answer 1

创建的div根本没有添加到DOM中。添加到 DOM 后，.text() 或 .html() 将起作用。

document.body.appendChild(div);

var div = document.createElement('div');
div.id = "div1";
div.innerHTML = "<div id='someId'>1</div><div>anotherdiv</div>";
document.body.appendChild(div);


alert($('#div1 #someId'));
alert($('#div1 #someId').text());
alert($('#div1 #someId').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>