javascript - 尝试使用 jQuery 检索部分 URL；它有效，但未返回字符串

Question

背景信息:我正在设置一种将 SoundCloud 的 HTML5 小部件嵌入我的论坛的方法。小部件自行根据其高度调整其内容。正如您在下面的 jsFiddle 示例中看到的那样，我将其设置为当将鼠标悬停在小部件上时，它的高度从 166 像素扩展到 450 像素，这会触发小部件调整其内容。

我试图解决的问题是所有 SoundCloud 小部件都折叠起来，无论它们是否属于集合/播放列表。如果它不是集合/播放列表的一部分，则将鼠标悬停在上面时会出现一个大的空白区域。

我注意到如果声音是集合/播放列表的一部分，/sets/会出现在 URL 中。我试图修改我的脚本，以便它检查该字符串的 URL。如果找到它，允许小部件在悬停时展开；如果没有，则不要让它在悬停时展开。

目前我遇到了障碍。它有效，但搜索返回的是行中的位置，而不是我需要的字符串。我添加了一些代码来证明这一点:

http://jsfiddle.net/TYWUf/11/

没有额外代码的JS:

jQuery(document).ready(function () {

    var soundSrc = $(".soundCloudEmbed").attr("src");
    var isSet = (soundSrc).search('%' + '2Fsets' + '%' + '2F');

    $(".soundCloudEmbed").hover(
        function () {
            $(this).addClass("soundCloudHover");
        }, function () {
            $(this).removeClass("soundCloudHover");
    });
});

(如果我没有正确提出这个问题，请让我知道)

Answer 1

看看这个，我想这就是你要找的:

http://jsfiddle.net/dSX5g/

jQuery(document).ready(function () {

    $('.soundCloudEmbed').each(function () {
        var soundSrc = $(this).attr("src");
        var isSet = (soundSrc).search('%' + '2Fsets' + '%' + '2F');

        if (isSet > -1) {
            $(this).hover(function () {
                $(this).addClass("soundCloudHover");
            }, function () {
                $(this).removeClass("soundCloudHover");
            });
        }
    });

});

每个嵌入项都需要单独评估。