Jquery to parse HTML in a string

Question

I tried searching the related posts, and having a hard time figuring out how to fix my query - I'm pretty close, any help is much appreciated (new to Jquery).

I program in PHP, and trying to pull either the HREF value from a tag, or the text. Either will work.

I basically have my HTML code in a string, might contain multiple tags, and would like to load the text of the tags into either a PHP array or variable (right now just trying to ALERT the results, I can dump it later).

My PHP Code:

<?php
$info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong>';

echo '<script type="text/javascript">';
echo '$("document").ready( function () {';
echo 'alert($("a", $("' . $info . '")).html());';
echo '});';
echo '</script>';
?>

The above doesn't alert anything. Putting in

echo 'alert("yes")';

does work, so I'm guessing there's something basic wrong with my syntax, but 4 hours later still unable to find it! :)

Thanks in advance.

SLaks · Accepted Answer · 2011-05-18 21:08:22Z

5

You aren't Javascript-escaping the quotes in your string.

Your code creates Javascript that looks like

$("<li>...<a href="http..."...")

The quotes in the attribute end the Javascript string, creating a syntax error.

You need to call json_encode.

answered May 18, 2011 at 21:08

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

6 Comments

916 Networks Over a year ago

json_encode($info); it adds slashes but still doesn't look right

916 Networks Over a year ago

916 Networks Over a year ago

Bingo. Works. And if my HTML string has multiple <a> tags and I want to get the .each, then i dump .each at the end of my jquery? like this: alert($("a", $(<?php echo $info; ?>)).html().each); ?

SLaks Over a year ago

No. You need to pass an anonymous function to .each which calls alert($(this).html()).

916 Networks Over a year ago

Cool thanks. I gotta run out of the office but will add that when I get back. Thanks for the help.

|

Jason McCreary · Accepted Answer · 2011-05-18 21:09:36Z

3

SLaks has the rest of your problem. But also, it's not:

$("document").ready();

It's:

$(document).ready();

The former is a selector for a tag named <document>.

answered May 18, 2011 at 21:09

Jason McCreary

73.3k23 gold badges140 silver badges177 bronze badges

Comments

Jeroen · Accepted Answer · 2011-05-18 21:10:05Z

2

This should work the way you want it to:

<?php
$info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>';
?>

<script type="text/javascript">
    $(document).ready( function () {
        alert($("a", $("<?php echo $info; ?>")).html());
    });
</script>

answered May 18, 2011 at 21:10

Jeroen

13.3k4 gold badges45 silver badges63 bronze badges

1 Comment

916 Networks Over a year ago

Thanks - tried the above - still not giving me an alert though. My code, in code view, looks weird like i'm still not enclosing correctly.

Robert Beuligmann · Accepted Answer · 2011-05-18 21:09:54Z

1

You are not closing your li Tag

$info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong>';

should be

$info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>';

answered May 18, 2011 at 21:09

Robert Beuligmann

1,44410 silver badges13 bronze badges

Comments

dtbarne · Accepted Answer · 2011-05-18 21:10:05Z

1

You should escape info. It's breaking because you've got double quotes inside of double quotes:

$info = addslashes($info);

or

$info = json_encode($info);

or just

$info = str_replace('"', '\\"');

answered May 18, 2011 at 21:10

dtbarne

8,2505 gold badges47 silver badges49 bronze badges

1 Comment

916 Networks Over a year ago

Thanks for the input - did the middle suggestion about json_encode($info) but it drops slashes into my HMTL output as well, must be that my host has magic_quotes on or something.

gen_Eric · Accepted Answer · 2011-05-18 21:12:50Z

0

Try to save the HTML is a JS variable first, then use it. Also, heredocs are your friend.

<?php
$info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>';

echo <<<END
<script type="text/javascript">
$(function(){
  var HTML = '$info';
  alert($('a', $(HTML)).html());
});
</script>
END;
?>

answered May 18, 2011 at 21:12

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Dejan Marjanović · Accepted Answer · 2011-05-18 21:13:44Z

0

echo '<script type="text/javascript">
    $(document).ready( function () {
        var info = \''.$info.'\';
        $("a").html(info);
        alert(info);
    });
</script>';

answered May 18, 2011 at 21:13

Dejan Marjanović

19.4k7 gold badges54 silver badges67 bronze badges

1 Comment

916 Networks Over a year ago

that's close, almost works - it alerts the entire info string - if i just want the text in the <a> tags, the jquery needs to be where? in the alert?

Collectives™ on Stack Overflow

Jquery to parse HTML in a string

7 Answers 7

6 Comments

Comments

1 Comment

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

6 Comments

Comments

1 Comment

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related