get elements by class name with query from another element

Question

what I want something like this

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

but it doesnot work.

Did you mean $(List).html() instead of $(List[0]).html()? What “first element” are you trying to access? What precisely does “doesn’t work” mean? — Sebastian Simon
– Sebastian Simon, Commented Jul 10, 2018 at 0:59

Asons · Accepted Answer · 2018-07-10 01:04:51Z

1

If you make that newDiv a jQuery object, and then use find(), you can get the other element within it.

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

Stack snippet

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>

answered Jul 10, 2018 at 1:04

Asons

87.7k12 gold badges119 silver badges175 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ele · Accepted Answer · 2018-07-10 01:05:24Z

1

An alternative is passing as the second parameter the created element as the parent/source DOM element to find elements from it.

$(".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>

answered Jul 10, 2018 at 1:05

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Collectives™ on Stack Overflow

get elements by class name with query from another element

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related