用于从链接的“onclick”属性中抓取 URL 的 jQuery答案

【问题标题】：jQuery for scraping URL from within "onclick" attribute of link用于从链接的“onclick”属性中抓取 URL 的 jQuery
【发布时间】：2012-04-13 22:38:03
【问题描述】：

我在我的 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>

【问题讨论】：

这有帮助吗？ stackoverflow.com/questions/1415606/…

标签： javascript jquery wordpress html podpress

【解决方案1】：

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

FIDDLE

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

只需这样做：假设您使用的是 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/

【讨论】：