Question

我想要这样的东西

var newDiv = document.createElement("div");
        newDiv.innerHTML = data;
	var List=newDiv.$(".myclass h4");
    console.log($(List[0]).html());

但是它不起作用。

Answer 1

如果将newDiv设为jQuery对象，然后使用find()，则可以在其中获取另一个元素。

$(newDiv).find(".myclass h4");

堆栈片段

var data = "<div class='myclass'><h4>hello</h4></div>"
var newDiv = document.createElement("div");
newDiv.innerHTML = data;
var List = $(newDiv).find(".myclass h4");
console.log( $(List).html() );

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

Answer 2

另一种选择是将创建的元素作为父/源DOM元素作为第二个参数，以从中查找元素。

$(".myclass h4", newDiv);  <--- This call returns a jQuery object.
                 ^
                 |
                 +--- Parent/Source element

var newDiv = document.createElement("div");
newDiv.innerHTML = '<div class="myclass"><h4>Ele from Stack</h4></div>';

var list = $(".myclass h4", newDiv);
console.log(list.html());

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

通过类名获取元素，并从另一个元素进行查询

2 个答案: