Parsing and selecting from HTML string

Question

Using an ajax call I have returned the partialView HTML of a page, but before I display it I wish to pull information from the main div. This data is just size information, for if I create a floating window.

Code:

<div class="window-details" data-height="500px" data-width="500px">more data here</div>

this.PopUp = function (url, title) {
  $.ajax(url)
  .success(function (partialViewHtml) {
     var partialViewDom = $(partialViewHtml);
     var thisDiv = $(".window-details", partialViewDom);

I can see the data in chromes debugger when hovering over partialViewDom, but the class selection does not appear to have worked. Any clues? Does it not parse correctly? Thanks.

What is the value of partialViewHtml? If it's '<div class="window-details" data-height="500px" data-width="500px">more data here</div>', then there is no child of that HTML with class window-details, which is what you're trying to select. — Matt Ball
– Matt Ball, Commented Sep 10, 2012 at 14:47

user400654 · Accepted Answer · 2012-09-10 14:48:40Z

2

Try using the .filter() instead, most likely your .window-details element is a top level element in the dom fragment.

var thisDiv = partialViewDom.filter(".window-details");

answered Sep 10, 2012 at 14:48

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

Comments

chiborg · Accepted Answer · 2012-09-10 14:48:26Z

0

Your code searches for elements with the .window-details in the children of the div that was returned.

answered Sep 10, 2012 at 14:48

chiborg

28.4k15 gold badges101 silver badges120 bronze badges

Collectives™ on Stack Overflow

Parsing and selecting from HTML string

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related