Load attribute from external page

Question

I have this:

$(document).ready(function () {
  $("#result").load("file.html *HERE*");
});

In HERE I want search only the elements with "fontsize:20pt". Is possible?

Thanks

Not directly, no. You can only select by CSS rules (eg id, class, attribute etc). You would need to grab all the whole page and filter() the elements to find those with the matching font-size set. Alternatively if you know the elements you want, add a class to them and use that class to target them. — Rory McCrossan
– Rory McCrossan, Commented Jul 13, 2015 at 8:43

mplungjan · Accepted Answer · 2015-07-13 09:36:39Z

3

According to the specs

If there is a selector that can be created for your request, the answer is yes.

$("#result").load("file.html .pt20"); // if there's a class on the object

If not, you can extract the elements after if you have a way to identify them - note we need to use another ajax method - here $.getis used:

DEMO

$(function() {
  $.get("filept.html",function(data) {
     $(data).find("p").each(function() {
       var fs = $(this).css("font-size"); // note: "20pt" or 26.nnn for computed size
       if (parseInt($(this).css("font-size"),10) == 20) {
         $("#result").append($(this));
       }
     });
  });
});

edited Jul 13, 2015 at 9:36

answered Jul 13, 2015 at 8:43

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

9 Comments

A. Wolff Over a year ago

load() will still append all the content. Should use other ajax method, e.g $.get()

mplungjan Over a year ago

It will always load all the content and then filter on the selector. If you do not want that, you need a proxy to read the file and extract

A. Wolff Over a year ago

I was talking about the second method, not using selector

Oscar LT Over a year ago

If i Use this, console.log find a wrong in the 4th line: Unexpected token }

mplungjan Over a year ago

I missed a quote (thanks for the edit) and added brackets for you

|

Collectives™ on Stack Overflow

Load attribute from external page

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related