j查询从链接的“onclick”属性中抓取URL

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

本文关键字:属性 抓取 URL onclick 查询 链接      更新时间:2023-09-26

我在我的Wordpress实例上使用podPress,为用户提供一些播放控件来收听我们的播客剧集。 下面,我有在这些控件的播放按钮上找到的代码。

我想做的是编写一些jQuery,可以抓取播客剧集的URL。 在此测试用例中,该 URL http://www.test.com/episodes/2012_04_11_episode.mp3。 我想将此URL写入变量,然后在我正在构建HTML5音频播放器的其他地方使用它,该播放器在更中心的位置播放我们的最新剧集。

根据 podPress 编写这些播放器的方式,带有我需要的 URL 的链接的 ID 将始终为"podpress_html5_play_1"。 我知道如何定位此 ID,但我不知道如何获取嵌套在"onclick"元素中的字符串。 谁能帮忙?

以下是链接上的代码:

<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>
var link = 'http'+$('#podpress_html5_play_1').attr('onclick').split('http')[1].split("'")[0];

小提琴

试试这个:

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

只需这样做:假设您正在使用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/