getElementsByTagName Equivalent in jQuery?

Question

I need some help in converting a javascrpipt function into jQuery. Below is my original JS code:

var text = document.getElementsByTagName("pre")[0].innerHTML;

After a little research on Stack I was able to come up with this equivalent:

var text = $(data).$('pre')[0].html();

Where data is the data I receive in a $.get request, like below.

$.get (
    mypage,
    function parse(data) {
        var raw = $(data).$('pre')[0].html();
    }
);

But that doesn't seem to work and i'm not very good with jQuery.

@Manish, that doesnt work with the `get` request. It just gives me the data for the page i'm on and not for the page I requested — Jordan, Jan 01 '14 at 16:48
btw if your original js code works, leave it as it is: it will perform faster than jQuery, and it already looks clear enough ^^ — moonwave99, Jan 01 '14 at 16:52
@moonwave99, i'm using this to get around using something like an iFrame — Jordan, Jan 01 '14 at 16:56

score 1 · Answer 1 · answered Jan 01 '14 at 16:46

1

Granted that data holds HTML, $(data).find('pre').eq(0).html() should do.

answered Jan 01 '14 at 16:46

moonwave99

21,957
3
43
64

But then when I do `alert(raw)`, it just returns as `null` – Jordan Jan 01 '14 at 16:50
@user3151541 please provide a sample of your `data` response then. – moonwave99 Jan 01 '14 at 16:51

score 0 · Answer 2 · answered Jan 01 '14 at 16:47

0

To get the first element with tag pre from data you can do the following in jQuery,

$('pre',data).eq(0).html();

http://api.jquery.com/jquery/#jQuery-selector-context

answered Jan 01 '14 at 16:47

melc

11,523
3
36
41

context? u using jQuery v1.4.2? – PlantTheIdea Jan 01 '14 at 16:48
@PlantTheIdea sry do you mean some kind of reference? just updated the answer – melc Jan 01 '14 at 16:52

score 0 · Answer 3 · edited May 23 '17 at 11:49

The reason $(data).$('pre')[0].html(); doesn't work is that the [0] part extracts the first found element as a DOM element, not a jQuery object, so invoking .html() fails.

Others have already pointed out the solution. .eq(0) gets the first element as a jQuery object (per moonwave99 and melc's answers), and that's why you can then call .html() on it.

For further reading on the difference, see: jQuery object and DOM element

getElementsByTagName Equivalent in jQuery?

3 Answers3