jQuery for scraping URL from within "onclick" attribute of link

Question

I am using podPress on my Wordpress instance to give users some playback controls in listening to our podcast episodes. Below, I have the code found on the play button of these controls.

What I'd like to do is write some jQuery that can scrape out the URL of the podcast episode. In this test case, that URL is http://www.test.com/episodes/2012_04_11_episode.mp3. I'd like to write this URL to a variable and then use it elsewhere on my site where I'm building an HTML5 audio player that features our latest episode in a more central location.

Based on the way podPress writes these players, the ID of the link with the URL that I'll need will ALWAYS be "podpress_html5_play_1". I know how to target this ID, but I don't know how to grab a string that is nested within the "onclick" element. Can anyone help?

Here is the code found on the link:

<a id="podpress_html5_play_1" href="javascript:void(null);" onclick="podPressenprintHTML5audio('1', 'http://www.test.com/episodes/2012_04_11_episode.mp3', true);" class="podpress_play_button" title="Play &gt;" style="background-image:url(http://www.test.com/beta/wp-content/plugins/podpress/images/play_button_dyn_v4_32.png);"></a>

does this help? stackoverflow.com/questions/1415606/…

Dave
– Dave

2012-04-13 14:07:29 +00:00
Commented Apr 13, 2012 at 14:07 — Dave
– Dave, Commented Apr 13, 2012 at 14:07

adeneo · Accepted Answer · 2012-04-13 14:14:50Z

1

var link = 'http'+$('#podpress_html5_play_1').attr('onclick').split('http')[1].split("'")[0];

FIDDLE

answered Apr 13, 2012 at 14:14

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Ram · Accepted Answer · 2012-04-13 14:14:45Z

0

try this:

var link = $("#podpress_html5_play_1").attr("onclick");

answered Apr 13, 2012 at 14:14

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Joberror · Accepted Answer · 2012-04-13 14:38:03Z

0

Just Do this: Assuming you are using jQuery;

 // Get the onclick attribute

    var onclickAttr = $('a#podpress_html5_play_1').attr('onclick');

// strip and split it into an array with the single quote string

    var a  = onclickAttr.split("'");

// Now a[3] holds your link

alert (a[3]);

JSFiddle: http://jsfiddle.net/P6Kzt/

answered Apr 13, 2012 at 14:38

Joberror

5,8903 gold badges22 silver badges15 bronze badges

Collectives™ on Stack Overflow

jQuery for scraping URL from within "onclick" attribute of link

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related